« カスタマイズ vol.3:ページ全体に壁紙を | トップページ | カスタマイズ vol.5:記事タイトルにアイコンを! »

2006年5月21日 (日)

カスタマイズ vol.4:タイトルバナーの変更

今回はタイトルバナーです。可愛いイラストも良かったのですが、実際に自分がとった写真を載せると、もっと愛着が出るかな?と思って、、、いまタイトルバナーにある写真は私が育てている苺ちゃんです。もうすぐ実がなりそうです☆

--------------------------------------------------
/*タイトルバナーに画像を設定する*/
#banner{
            background-image:url(**);
            background-repeat:no-repeat;
            }

/*タイトルバナーのタイトルを詳細設定する*/
#banner h1  {
                  margin-top:**px;
                  margin-left**px;
                  font-size:**px;
                  color:#ffffff;
                  }
#banner h2  {
                  margin-top:**px;
                  margin-left:**px;
                  font-size:**px;
                  color:#ffffff;
                  }
--------------------------------------------------
**の部分を変更してください。

・画像はタイトルバナーの設定幅より小さい場合、自動的に繰り返されますので、繰り返さない場合は、「no-repeat」にします。
・ブログタイトルの位置をきめます。「margin-top」で上部からの距離を、「margin-left」で左からの距離を設定します。後は、フォントサイズと、フォントの色が設定できます。カラーチャートで、好きな色に出来ますよ。

これで、タイトルバナーは自由自在だね☆

|

« カスタマイズ vol.3:ページ全体に壁紙を | トップページ | カスタマイズ vol.5:記事タイトルにアイコンを! »

コメント

コメントを書く



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




トラックバック

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

この記事へのトラックバック一覧です: カスタマイズ vol.4:タイトルバナーの変更:

« カスタマイズ vol.3:ページ全体に壁紙を | トップページ | カスタマイズ vol.5:記事タイトルにアイコンを! »