※上記の広告は60日以上更新のないWIKIに表示されています。更新することで広告が下部へ移動します。

#blognavi
半日かけてこのサイトのCSSのカスタマイズをした。いじったのは次の項目

  • 背景画像も素材を探してきて変更した(和紙)。
  • body font-sizeを12pxから14pxに。これで私のノートパソコンの小さい画面でも多少見やすくなった。
  • リンクされた文字の色をGoogle風にした(サイトのソースを調べて)。つまりこんな感じである。ポインターを持っていったときに下線が消える仕様は残した。
    • a{color:#f00;text-decoration:none;}
    • a:link{color:#00c;text-decoration:underline;}
    • a:visited{color:#551a8b;text-decoration:underline;}
    • a:active{color:#f00;}
    • a:hover{text-decoration:none;}
  • sitename font-sizeを25pxから28pxに。ちょっと目立たせた。
  • menuとmainbodyのword-breakを、break-allからnormalに。これで英単語が途中で切れて折り返される問題は解消した。
  • h1、h2、h4、h5、h6のfont-sizeを、それぞれ24pxから20px、20pxから19px、16pxから17pxに、14pxから16pxに、12pxから15pxに変更した。

CSSリファレンスサイトを見ながら見よう見まねで変更した。少しは見やすくなったか。

ついでにトップページにSHOWRSSプラグインを追加し、朝日新聞、共同通信、ニューヨークタイムズの記事ヘッドを読めるようにした。英語の勉強に役立てたい。

こんな背景素材を見つけた。素材探しにはまりそうだ。


カテゴリ: [日記] - &trackback- 2005年07月24日 13:54:35

#blognavi