トップページ/2005年07月24日/スタイルのカスタマイズ - Y's Toolbox

#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