サイドバーのメニュータイトルをいじってみる | うぇぶねたいろいろ

サイドバーのメニュータイトルをいじってみる

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

うぇぶねたいろいろ-side2

前回は背景色を変えてこんな感じでした。

ブログ→デザインの変更→スキンCSSの編集から
/*■■■■■■ サイドA(sub_a)&サイドB(sub_b) ■■■■■■*/を探します。

うぇぶねたいろいろ-side_menu1

ここがサイドバーのメニュータイトル部分です。

まずは背景色を変えましょうか。
background-color:#EFEFEF;をbackground-color:#F5F5F5;にしました。
もう少しいじってみましょう。

うぇぶねたいろいろ-side_menu2

ここが変わったところです。
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


タイトルまわりをいじってみるを読んでくれた人はリンクが出てきた時点で予想してたかもしれませんが、またあれです。
詳しくはリンク先を見ていただければ分かりやすいかと・・・ということです。
まためんどくさくなったなんてことは・・・。

うぇぶねたいろいろ-side3

こんな感じになりました。
この部分は画像にすることもできますがそれはまたいつか・・・。

*使用しているスキンはベーシックです。