2005年01月11日

ブログの色を変える・後編

この記事は、先日公開した「ブログの色を変える・前編」の続編です。

前回はブログ色を変えた画像を公開した所で終了してしまったので、今回は色を変えるにあたって変更した場所の説明です。

まず、テンプレート管理から、CSSカスタマイズを選びます。(Seesaaブログの場合)
次に、現れたテキストボックスの中に書かれたスタイルシートをいじってみます。
今回は下記の場所をいじってみました。

その1
ページ全体の背景の色を変更する為に、下記の赤文字の所の色番号を変更しました。
body {
font-family: Arial, Helvetica, sans-serif;
background:#fffff0;
margin:0px;
padding:0px;
}

その2
ページの名前の書いてある所の背景の色(一番上)を変更する為に、下記の赤文字の所の色番号を変更しました。
#banner{
font-family:arial, Helvetica;
color:#69C;
background:#ffebcd;
margin:0px;
width:100%;
padding:10px;
border-bottom:5px solid #CCC;
}

その3
サイドバーのタイトルの背景色を変更する為に、下記の赤文字の所の色番号を変更しました。
.sidetitle {
color:#333;
font-size:90%;
font-weight:normal;
padding:5px;
margin-top:10px;
font-weight:bold;
width:100%;
text-align:center;
background:#ffebcd;
}

赤文字の所に入っている物は、色に対して決められている番号で、知らないと変更のしようがないのですが、HP製作系のサイトで調べたり、各種HTMLエディター等を使えば割と簡単に変更できます。

私もHTMLエディターを愛用させてもらっているので、こちらについては、また今度書いてみようかと思っています。

ちなみに、今回行った作業についても、初心者が自己流でやった物なので、間違いがあるかもしれません。
参考にすることはお勧め出来ませんのでご了承ください。

初心者の為のブログカスタマイズ記事一覧に戻る
posted by yadokari at 04:32| 東京 ☀| Comment(0) | TrackBack(0) | ブログの話 | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのトラックバックURL
http://blog.seesaa.jp/tb/1547298

この記事へのトラックバック
×

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