2011年11月14日
自転車と夕陽のスタイルシートのカスタマイズ
ブログのスタイルシートを変更してみました!
以前のシンプル3コラムから、前から気になっていた
自転車と夕陽のスタイルシートに変更です。
上部の画像がそうなんですが、かっこいいんですよ~^^
そのままだとブログイメージとずれちゃうので画像を入れ替えてみました。
ブログのカスタマイズする知識もない素人なので
ネット上の情報をかき集めてカスタマズです。
とにかくいじってはプレビューしてまた微調整の繰り返しです。
まずは画像処理ソフトでTOP画像をL型に削ってみました。
北穂高岳に登った時に撮った写真を素材に編集です。
つづいてスタイルシートに画像を埋め込みます。
body{
color:#000;
margin:0px;
background-color: #ffffff;
background-image: url(/_img/yuhi_01/tyarib.jpg);
background-repeat: no-repeat;
background-position: left top;
ピンク色の部分の画像を入れ替えれば出来上がり!
と思いきや上手く行きません
テンプレートを変えてもスタイルシートの形がかわるだけで
TOP画像の写真が旧ブログのままです。
えぇ~!なぜに。。。!?
過去記事の写真幅600とか500pxでUPしているのが問題なのかな?
となれば記事部分の幅を変えてみればいいかも!
さっそく実験です。
.main{
color :#333300;
font-size :12px;
padding :5px 0px 15px 0px;
overflow :auto;
line-height :145%;
width:450px;
clear: both;
スタイルシートの記事幅(上部オレンジ色)の450pxを900pxまで拡張してみました。
おっ!できた~^^
うまくいきました~
他にも記事の位置を上にあげてみたりと微調整して改装オープンでございます^^
Posted by しましまパパ at 23:42│Comments(0)
│◆Slow Life
※このブログではブログの持ち主が承認した後、コメントが反映される設定です。