ブログカスタマイズのブログ

HOME > その他 > テンプレート『light pole』のカスタマイズ
【のん太さんのコメントはこちら】
テンプレート『light pole』のカスタマイズいろいろです。

(1)メインとバックを同一色に変更する場合はスタイルシートの編集で次の3箇所をコメントアウトします。

body {
margin:0px;
padding:0px;
text-align:center;
font-family:Verdana;
/*
background-color:#EEE;
*/
}

#container{
margin:0px auto 0px auto;
width:778px;
color:#5D5D5D;
font-size:12px;
font-family:Verdana;
/*
background-image:url(http://blog.seesaa.jp/img/bg/light_pole/bg.jpg);
background-repeat:repeat-y;
*/
}

#footer{
clear:left;
/*
background-color:#EEE;
background-image:url(http://blog.seesaa.jp/img/bg/light_pole/blog_bottom.jpg);
background-position:top;
background-repeat:no-repeat;
*/
}

これでシンプルホワイトのように白色になると思います。
バックを他の色に変更する場合は、bodyのbackground-colorをコメントアウトではなく、

body {
margin:0px;
padding:0px;
text-align:center;
font-family:Verdana;
background-color:#EEE;
}

赤文字で示した箇所で他の色を指定します。

(2)タイトル画像の変更は同じくスタイルシートの編集で、#bannerを修正します。

#banner{
margin:0px;
padding-left:45px;
text-align:left;
height:246px;
background-image:url(http://blog.seesaa.jp/img/bg/light_pole/header.jpg);
background-position:top;
}

赤文字で示した箇所に表示させたい画像のURLを記述します。

(3)マウスを重ねた際の文字色の変更もスタイルシートの編集です。

a:hover{
color:#ff6600;
}

を追加します。#ff6666が色なのでお好みの色を指定してお試し下さい!
02:05 | Comments(1) |
この記事へのコメント
2005年08月31日
管理人さん、こんばんは。
大変遅くなりましたが、お返事ありがとうございます('◇'*)
ばっちり出来ました!感動です(/◇<*)ノ””
本当に分かりやすくて、ありがとうございます。これからも応援しています!!!
Posted by のん太 at 00:58
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

×

この広告は1年以上新しい記事の投稿がないブログに表示されております。