［ssブログ］バナーをカスタマイズ

/*—–Common—–*/　の中の　#container {　 もしくは　
/*—–Header—–*/　の中の　#banner {　 の中に画像のURLを挿入します。

＜挿入方法＞
挿入したいポイントにマウスポインタを置いておき、アップロードした画像をクリックすると
background:url(/blog/_images/blog/_△△△/□□□□□/0123456.gif) no-repeat;
こういうのが自動ででます。

■これ以上何も扱わなければ、画像は左寄せになります。
■画像を真ん中に置きたい場合は、「center」を付け加えます。
background:url(/blog/_images/blog/_7b3/*****/0123456.gif) no-repeat center;
■画像を右に寄せたい場合は「right」を付け加えます。
background:url(/blog/_images/blog/_7b3/*****/0123456.gif) no-repeat right;

/*—–Common—–*/　の中の　#container {　もしくは　
/*—–Header—–*/　の中の　#banner {　の中に”height”があると思います。

その”height”の数字をバナーの高さにあわせます。

＜参考＞

#banner {
height:210px;
padding:0 20px;
background:url(/blog/_images/blog/_7b3/*****/1234567.gif)  no-repeat center bottom;
clear:both;
}

/*—–Common—–*/　の中の　#container {　 もしくは　
/*—–Header—–*/　の中の　#banner {　 の中に
margin-top:10px;　を付け加えます。（元々入っている場合もあります。）

10pxの部分を変えるとバナーの上からの幅が変わります。

＜参考＞

#banner {
height:200px;
margin-top:10px;
padding:0 20px;
background:url(/blog/_images/blog/_▲▲▲/■■■/1234567.jpg) no-repeat center bottom;
clear:both;
}