FC2ブログ

オサーンのFC2ブログテンプレート

テンプレートとあと何か
  • 2019-09
  • «
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • »

2006-04-17(Mon)

Blue Moon

SS 拙作テンプレートの第1弾です。管理画面では bblue_moon でお探しいただけます サンプル

青いセロファンに透かして見ているような、そんな感じを出してみました。
月が綺麗な晩に、一夜だけ豹変したいときなどに使っていただけたらと思います。


なるべく読みやすいように配慮したつもりではいますが、黒背景ということで読みにくさは残っています。文字サイズ可変なのでブラウザ側で大きくすることも可能ですが、デフォルトでもう少し文字を大きくされたい方はスタイルシートの以下の部分で調節してみてください。

/* 記事本文 */
.entry-body {
font-size: 83%; /* 文字のサイズ */
line-height: 145%; /* 行間の調節 */
overflow: hidden; /* はみ出した部分はぶった切るよ */
}

font-size:90% くらいが妥当でしょうか?100%だとちょっと大きすぎますね。

こうして文字を大きくするとサイドバーが落ちますので、width:510px; を同時に加えてください。これによりレイアウトの崩れは防げます。

.entry-body {
font-size: 90%; /* 文字のサイズ */
line-height: 145%; /* 行間の調節 */
overflow: hidden; /* はみ出した部分はぶった切るよ */
width:510px; }

赤文字が修正した部分です。

line-height の数値を弄ることで行間を調節できますので、お好みに合わせて変更してくださいね。

余計な機能は一切付けておりません。利用規約の範囲内でご自由にカスタマイズしてお使い下さいませ。

IE6 Firefox Operaで表示確認済みですので安心してお使いいただけます。
Blue Moonの検証結果 HTML CSS

スポンサーサイト



Comments

コメントの投稿


管理者にだけ表示を許可する

Trackbabck

このエントリのトラックバックURL

この記事にトラックバックする(FC2ブログユーザー)

≪ ご利用いただく前に |  HOME  | お詫び ≫