文字の色変更
Sunday,April 11,2010

文字の色変更

見やすくするために全体の文字色を少し変えてみたくなりました。

いつものようにスタイルシートをいじります。

まずはbodyタグにcolorを指定。

body {
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color: #333;   ・・・・ここを追加
background:#FFF;
margin:0px;
padding:0px;
}

これで記事本文が変わりました。


次に記事タイトル
h3 {
padding: 0px;
font-size:14px;
font-weight:bold;
font-family:arial, Helvetica;
}

H3 a{
color:#000; ・・・・ここを#333;に変更
text-decoration: none;
}



記事の日付
.date{
clear:left;
color:#000; ・・・・ここを#333;に変更
margin-top:0px;
margin-bottom:0px;
padding:5px;
}



記事中のリンク
.text a{
color:#00F; ・・・・ここを#006A6A;に変更
}
blockquote {
margin:10px;
border-left:solid 1px #000; ・・・・ここを#333;に変更
padding:5px;
color:#000; ・・・・ここを#333;に変更
width:auto;
}



「posted by」の後のリンク
.posted{
font-size: 80%;
color: #333;
text-align: right;
margin-top:10px;
margin-bottom:5px;
padding:3px 3px 3px 5px;
}
.posted a{
color:#00F; ・・・・ここを#006A6A;に変更
text-decoration: underline;
}



その他、「color:#000;」を全て「#333;」に、「#00F;」を「#006A6A;」に変更してみました。
少しは変わったと思いますが、一部元のままで変わっていません。どこで変えればいいのか??もう少し調べてみます。


posted by taks at 12:07 | Comment(0) | TrackBack(0) | SeeSaaカスタマイズ
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのTrackBack URL

×

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