サイドバーの背景色を変えてみる

背景色は白です。

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



#FFFFFF部分が色です。



#F5F5F5に変更しました。



背景色が変わりました。
もっとはっきりした色でやればよかったですね・・・。
ちなみにcolor:#666666;部分を変えるとカレンダーの数字部分や「このブログの更新情報が～」と同じ色の部分が変わります。

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

タイトルまわりをいじってみる

前回のタイトルを移動してみるの続きを書いておきます。



div#header h1はこのブログのタイトル「うぇぶねたいろいろ」部分、div#header h2は「便利なもの、面白いものを書いていきます。」部分になります。

marginではマージンに関する指定をまとめて行います。
http://www.htmq.com/style/margin.shtml

paddingではパディングに関する指定をまとめて行います。
http://www.htmq.com/style/padding.shtml

font-sizeではフォントのサイズを指定します。
http://www.htmq.com/style/font-size.shtml

font-weightではフォントの太さを指定します。
http://www.htmq.com/style/font-weight.shtml

line-heightでは行の高さを指定します。
http://www.htmq.com/style/line-height.shtml


書く事多すぎるし詳しく書いてあるほうがいいかな～と思い、リンクにしました。
画像を貼ったところでめんどくさくなったなんてことは・・・。

タイトルを移動してみる

タイトルが画面の上のほうにくっついてしまっているので少し下げてみましょう。

ブログ→デザインの変更→スキンCSSの編集から
/*■■■■■■■■■■■ ヘッダー ■■■■■■■■■■■■*/を探します。



padding:0 5px 8px 5px;の部分をpadding:20px 5px 8px 5px;にします。



padding:20px 5px 8px 5px;の数字は順番に[上][右][下][左]のパディングになります。
詳しく書くとほかにもいろいろありますが、ブログ編集にはこれくらいの理解でいいと思います。



[上]部分を0から20pxに変えたので20px分タイトルが下がってますね。

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