自転車と夕陽のスタイルシートのカスタマイズ

ブログのスタイルシートを変更してみました！
以前のシンプル３コラムから、前から気になっていた
自転車と夕陽のスタイルシートに変更です。
上部の画像がそうなんですが、かっこいいんですよ～＾＾
そのままだとブログイメージとずれちゃうので画像を入れ替えてみました。

ブログのカスタマイズする知識もない素人なので
ネット上の情報をかき集めてカスタマズです。
とにかくいじってはプレビューしてまた微調整の繰り返しです。

まずは画像処理ソフトでＴＯＰ画像をＬ型に削ってみました。
北穂高岳に登った時に撮った写真を素材に編集です。

つづいてスタイルシートに画像を埋め込みます。

body{
color:#000;
margin:0px;
background-color: #ffffff;
background-image: url(/_img/yuhi_01/tyarib.jpg);
background-repeat: no-repeat;
background-position: left top;

ピンク色の部分の画像を入れ替えれば出来上がり！
と思いきや上手く行きません　
テンプレートを変えてもスタイルシートの形がかわるだけで
ＴＯＰ画像の写真が旧ブログのままです。
えぇ～！なぜに。。。！？

過去記事の写真幅600とか500pxでＵＰしているのが問題なのかな？
となれば記事部分の幅を変えてみればいいかも！
さっそく実験です。

.main{
color :#333300;
font-size :12px;
padding :5px 0px 15px 0px;
overflow :auto;
line-height :145%;
width:450px;
clear: both;

スタイルシートの記事幅（上部オレンジ色）の450pxを900pxまで拡張してみました。

おっ！できた～＾＾
うまくいきました～　
他にも記事の位置を上にあげてみたりと微調整して改装オープンでございます＾＾

あなたにおススメの記事