サイドバーを変える

サイドバーを変えます。


まず、サイドバー用の画像を用意します。


どんな作り方でもOKですが、
イラストや写真をペイントで加工します。


ペイントソフトはウィドウズだと、
スタートメニュー　→　アクセサリ　に入っています。


用意したイラストや画像を右クリックして、ペイントから開きます。



大きさはブログのピクセルに合わせます。
今回は幅を170ピクセルで作ります。高さは適当です。




出来上がりです。



記事を書く　→　画像のアップロード



先ほどの画像をアップロードしてurlをコピーします。


ブログを書く　→　デザインの変更　→　CSSの編集


****************************************************

/* ---------- menu_element : 各サイドバー共通 - */
.mainMenu{
margin-bottom:15px;
}
.menu_title{
margin:5px 2px 3px;
padding:15px 3px 1px;
border:none;
background-image:url(http://画像のurl.jpg);
background-repeat:no-repeat;
background-position:1px 7px;
text-indent:3px;
width:170px;/*画像の横幅*/
height:30px;/*画像の縦幅*/
}

****************************************************


マージンとパディングはどちらも空ける空間を指します。
マージンは領域間のスペース、パディングは領域内のスペースです。


画像を貼ったら、バナーの中のテキストの場所を数字で調整します。