サイドバーのメニュータイトルをいじってみる
前回のサイドバーの背景色を変えてみるで背景色を変えましたが、ついでにメニュータイトル(「カレンダー」とか「このブログの読者」とかの部分)をいじってみたいと思います。

前回は背景色を変えてこんな感じでした。
ブログ→デザインの変更→スキンCSSの編集から
/*■■■■■■ サイドA(sub_a)&サイドB(sub_b) ■■■■■■*/を探します。

ここがサイドバーのメニュータイトル部分です。
まずは背景色を変えましょうか。
background-color:#EFEFEF;をbackground-color:#F5F5F5;にしました。
もう少しいじってみましょう。

ここが変わったところです。
background-colorの下に3行加えました。
border-colorではボーダーの色を指定します。
http://www.htmq.com/style/border-color.shtml
border-widthではボーダーの太さを指定します。
http://www.htmq.com/style/border-width.shtml
border-styleではボーダーのスタイルを指定します。
http://www.htmq.com/style/border-style.shtml
タイトルまわりをいじってみるを読んでくれた人はリンクが出てきた時点で予想してたかもしれませんが、またあれです。
詳しくはリンク先を見ていただければ分かりやすいかと・・・ということです。
まためんどくさくなったなんてことは・・・。

こんな感じになりました。
この部分は画像にすることもできますがそれはまたいつか・・・。
*使用しているスキンはベーシックです。

前回は背景色を変えてこんな感じでした。
ブログ→デザインの変更→スキンCSSの編集から
/*■■■■■■ サイドA(sub_a)&サイドB(sub_b) ■■■■■■*/を探します。

ここがサイドバーのメニュータイトル部分です。
まずは背景色を変えましょうか。
background-color:#EFEFEF;をbackground-color:#F5F5F5;にしました。
もう少しいじってみましょう。

ここが変わったところです。
background-colorの下に3行加えました。
border-colorではボーダーの色を指定します。
http://www.htmq.com/style/border-color.shtml
border-widthではボーダーの太さを指定します。
http://www.htmq.com/style/border-width.shtml
border-styleではボーダーのスタイルを指定します。
http://www.htmq.com/style/border-style.shtml
タイトルまわりをいじってみるを読んでくれた人はリンクが出てきた時点で予想してたかもしれませんが、またあれです。
詳しくはリンク先を見ていただければ分かりやすいかと・・・ということです。
まためんどくさくなったなんてことは・・・。

こんな感じになりました。
この部分は画像にすることもできますがそれはまたいつか・・・。
*使用しているスキンはベーシックです。