コンテンツにスキップ

英文维基 | 中文维基 | 日文维基 | 草榴社区

利用者:Kahusi/ねた帖1

以前のねたは履歴を参照。

国旗の一覧 デザイン案

[編集]

案1 面積を合せる

[編集]

表示面積は現行の記事と同じ。display:inline-block;(galleryタグと同様)及びdisplay:flex;使用。

galleryタグの仕様を再現したいが、画像の高さを一緒にする方法が力業(画像毎にmargin指定)なので、display:flex;以外に巧く表示する術がわからず。CSS3非対応ブラウザでも画像が中央でなくなる以外は問題無い筈(display:inline-block;はCSS2で追加)。

{{flagicon}}を使用しなければ、上掲Template内に{{root}}を使用した「画像の大きさを計算する数式(#国旗の縦横比のメモ参照)」を組込める。使用するなら別にTemplateを作る(利用者:Kahusi/画像幅計算)か、現在の様に手元で計算して逐一記入する必要あり。

案2 高さを合せる

[編集]

英語ドイツ語フランス語版は高さを合せる形式。

高さを合せるだけならgalleryタグでも可能、widthsとheightsを設定する。但し{{flagicon}}が使用出来ない。またgalleryタグの下では「Country flag alias ○○○」が使用出来ない(substも不可)。

上掲widths="150px" heights="75px"の設定だとカタール国旗の高さが75px未満になる問題がある。カタール国旗も合せた場合widths="150px" heights="59px"は以下の通り。

当然だが大きさが異なる。ネパール国旗とカタール国旗の差は顕著。

国旗の縦横比のメモ

[編集]

面積統一の爲に幅を割出す時の計算式:

  • d = 画素数
  • w = 幅
  • h = 高さ

以下はOpenOffice.org向け。四捨五入有り:

=ROUND(SQRT(画/(幅*高))*幅)

{{root}}を導入した場合:

{{#expr:{{{w}}}*{{Root|{{#expr:{{{d}}}/({{{w}}}*{{{h}}})}}}} round 0}}
  • 国旗記事:45000px
  • 旗一覧:11250px
  • 国等記事のフッタ:1675px ?