| トップ |

スタイルシートをちょいと修正 

去年の今頃,スタイルシートのカスタマイズにハマっていたおかげで,最近はブログのほとんどの要素のデザインを,スタイルシートだけで変更できるようになってきました。このところ久しぶりにスタイルシートをいじっています。 

私は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フォルダに保存しなおす必要があります。 

| トップ |