サイドバーのリストをいじってみる

↓の赤い矢印部分を広げてみようと思います。



ブログ→デザインの変更→スキンCSSの編集から
/*■■■■■■■■■■■ 基本設定 ■■■■■■■■■■■■*/を探します。



ここを変えます。



padding-bottomでよかったのですが、分かりやすくpaddingのままにしました。

パディングについて詳しくはこちら。
http://www.htmq.com/style/indexa.shtml#p



こんな感じになりました。
・・・って分かりにくいですね。

分かりやすいようにpadding: 0 0 15px 0;でやってみると・・・



こんな感じです。
ちょっとやりすぎたか・・・。

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

SONYハンディカム スペシャルサイト

SONYハンディカムのスペシャルサイトです。
録画したシーンに応じて、エンディングが変わります。
いろいろな意味ですごい！

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

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



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

ブログ→デザインの変更→スキン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


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



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

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