« カスタマイズ vol.4:タイトルバナーの変更 | トップページ | ツキがない①:車の鍵はイマイヅコ »

2006年5月21日 (日)

カスタマイズ vol.5:記事タイトルにアイコンを!

着実ですね、、今日中にほぼ終らせたいのか!?というくらいのスピードです、、
そんなことはないのですが、気になるところまでは・・・

そして今回は記事タイトルにかわいいアイコンを!!!
とのことで、以前かわいいアイコンを見つけていたので、これをアップロードし、画像ファイルのurlを獲得しました。

--------------------------------------------------
/*メイン記事項目の設定*/
.content h3 {
                 background-image:url(**);
                 background-repeat:no-repeat or repeat;
                 padding-left:**px;
                 padding-top:**px;
                 }
--------------------------------------------------
・「padding-left」はアイコンの左端からタイトルの一文字目までの距離を設定します。
・「padding-top」はアイコンの上端からタイトルの上端までの距離を設定します。

「margin」と「padding」はいずれも余白の設定で、その違いは少し難しいですが、何が主語かと言うことですね。
margin」はブログタイトルとその外側要素(タイトルバナー)との距離を、
padding」はアイコンとその側要素(記事タイトル)との距離を、していします。

コチラも、**pxの**を変更しながら様子を見ましょう!

|

« カスタマイズ vol.4:タイトルバナーの変更 | トップページ | ツキがない①:車の鍵はイマイヅコ »

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/103246/1880112

この記事へのトラックバック一覧です: カスタマイズ vol.5:記事タイトルにアイコンを!:

« カスタマイズ vol.4:タイトルバナーの変更 | トップページ | ツキがない①:車の鍵はイマイヅコ »