スタイルシートをちょいと修正
去年の今頃,スタイルシートのカスタマイズにハマっていたおかげで,最近はブログのほとんどの要素のデザインを,スタイルシートだけで変更できるようになってきました。このところ久しぶりにスタイルシートをいじっています。
私はiBlogのスタイルシートを変更するたびに,名前をつけて保存するようにしています。名前には日付をつけているので,最新のスタイルシートは,060111.css
となっています。その前は,051231.css
でした。
前回以降の変更点は次の2つです。

バナーのロゴを画像からテキストに変更
J's
Garageというロゴは,ずっと画像を貼っていたのですが,思うところあって,テキストに変更しました。
そのままでは面白くないので,text-shadowを使って,ほんのわずかだけ影がつくようにしています。もっともtext-shadowに対応しているブラウザは,今のところSafariだけです。
text-shadow: -2px -2px 1px rgb(161, 161, 161);
text-shadowの数値は,
Karelia
Softwareのバナーに使われているスタイルシートを真似させてもらいました。Karelia
Softwareは,iWebの元ネタと噂されているSandvoxを作っている会社です。
ロゴのフォントはMyriadを指定しています。しかしfont-familyにMyriadだけを指定してしまうと,他のブラウザや,Windowsで表示させた時に代替フォントで表示されてしまい,どうにも美しくないので困っていました。
しかし,WindowsにもMyriad
WebというTrueTypeフォントがあることが分かり,
font-family: Myriad Pro, Myriad Web, Myriad, verdana, sans-serif;
と指定したところ,WindowsでもMyriadフォントで表示されるようになりました。Myriad
Webフォントは,Adobe
Readerに付属しているらしいので,ほとんどのWindows機にインストールされているとのことです。Myriad
Webもない場合は,Verdanaで表示されます。

bodyの背景画像をやめた
ここ半年くらい,細い縞模様の画像を背景に指定していましたが,これもやめて,色指定で明るいグレーを指定するようにしました。
ロゴをテキストにしたのとあわせて,ちょっとだけ表示が速くなったような気がします。
スタイルシートを修正した場合,本来はiBlogでプレビュー状態をリセットしなくてはいけないのでしょうが,めんどうなので変更したスタイルシートを,iDiskのsiteフォルダに上書きしています。しかしそのままにしておくと,次にエントリーを公開する時にスタイルシートが元に戻ってしまうので,名前をつけて保存しておいたスタイルシートを,もう一度siteフォルダに保存しなおす必要があります。
Thu - January 12, 2006 |
|