ちょっとだけCSS


iBlogも1.4に移行しましたし、日本語環境でも問題無し。
調子に乗って、久しぶりにCSSを触ってみました。

まぁ、どうってことないんですが、バナーのテキストとエントリのタイトルにドロップシャドウをつけてみました。
一応参考はAppleのWebsite です。

わかる人にはどうってこと無いと思うんですが、私はCSSとかXHTMLとか、見ただけでおなかが痛くなります。
もしかしたら、そういう人もいるかもしれないので（いないか？）、ちょっとだけ手順を書きます。

ライブラリのCSSファイルを直接エディターで開いて、以下のようにしました。

#banner {
font-family:verdana, arial, sans-serif;;
color:#ffffff;
font-size:large;
font-weight: bold;
text-shadow: 6px 6px 4px #666666;　←この赤いところを足しました。
border:1px solid #000000;
background:#000000;
padding:15px;

エントリのタイトルは

.title {
font-family:"HiraKakuPro-W6",verdana, arial;
font-size: x-medium;
color: #000006;
font-weight:bold;
text-shadow: 4px 4px 2px #666666; ←この一行を足してます
}

細かいことはAppleのサイト で見て下さい。
具体的に数字がどーのとかぼかしの範囲がどーのとか書いてあります。
それからCSSの変更を反映させる為には、プレビューの前に別のCSSを選んでからいじったCSSを選び直さないとうまく反映されませんでした。

ちなみにラジログ倶楽部 もいじりました。

ん？却って見づらくなった？
これだけやるのにへとへとなんですから、平にご容赦を・・・・・(￣▽￣υ)ｱｾ...

投稿日時： (木) - 9 30, 2004 at 09:43 PM          

Comments

©