「スタイルシートの編集 その1」では基本となる部分
「その2」ではタイトル部分
「その3」ではサイドのメニュー部分
「その4」では記事部分を見ていきます。
(今後、内容を分割する可能性があります)
====================
.date
{ border-collapse:collapse;}
div.date_caption { color:#cccccc;
←記事のタイトル上部にある日付の色指定font-size:
12px; font-weight: bold; margin: 2px 0px 3px 0px;}
.article { border-collapse:collapse;
margin: 0px 0px 10px 0px;}
td.article_head { background-color: #000000;
←記事のタイトルの背景色の指定border-top:
#333333 1px solid; border-bottom: #333333 1px dotted; border-left: #333333 1px
solid; border-right: #333333 1px solid; padding: 4px 3px 4px 3px;}
td.article_body
{ border-left: #333333 1px solid; border-right: #333333 1px solid; padding: 2px
4px 0px 4px;}
td.article_foot { border-left: #333333 1px solid; border-right:
#333333 1px solid; border-bottom: #333333 1px solid; padding: 2px 6px 3px 0px;}
div.article_subject
{ color: #ffcc00;
←記事のタイトルの文字色の指定font-size:
18px; font-weight: bold;}
div.article_text {line-height: 150%; font-size: 12px;
color:#999999;
←記事本文の文字色の指定}
div.article_date
{ color:#999999;
←記事下部の投稿日付の文字色の指定font-size:
12px;}
.res_line { border-top: #333333 1px dotted;}
.restb { border-collapse:collapse;
margin: 1px 0px 2px 0px;}
td.restb_head { border-left: #333333 8px solid; border-right:
#333333 1px solid; border-top: #333333 1px solid; padding: 2px 0px 0px 4px;}
td.restb_body
{ border-left: #333333 8px solid; border-right: #333333 1px solid; padding: 0px
0px 0px 4px;}
td.restb_foot { border-left: #333333 8px solid; border-right: #333333
1px solid; border-bottom: #333333 1px solid; padding: 0px 4px 2px 4px;}
div.restb_subject
{ color:#ffcc00;
←コメントのタイトルの文字色指定font-size:
12px; font-weight: bold;}
div.restb_text { font-size: 12px; color:#999999;
←コメントの文字色指定}
div.restb_date
{ color:#999999;
←コメントの日付の文字色指定font-size:
12px;}
====================
どこを変更すると、どの部分の色が変わるのか、などは改めて追記します。中途半端ですが、時間が空いた時にチョコチョコ内容を書き換えていきますので、たまに覗いて下さい。
「1日1枚アメショーの写真」ではアメリカンショートヘア・シルバータビー「タム」とブラウンタビー「クー」 の猫画像を公開