スタイルシートいじりぃ・・

今日はバッテリーも充電中だし、遅くに出動してもどっこも人多いと思うし・・・

ブログのテンプレートでもいじってみましょう

さて、基本のテンプレートはセカンドライフを用いて

�� 背景画像

�� タイトルの前のキャチアイコン

�� 記事の背景に透過画像

この3つに挑戦

まずは背景の画像を自分流にチェンジ・・・

このあたりのタグをみつけます

#container{

font-size:small;

width:1000px;

height:100%;

background-color:#364D59;

margin:0px auto;

padding:0;

text-align:left;

background-image: url(http://・・・・・・・);←ここを自分の画像一覧からURLを控えてコピペです

background-repeat: no-repeat;

background-position: left top;

}

はいおわり

次に

タイトルの前のキャッチアイコンを自分流に

このタグをみつけましょう

.blog-title-left{

background-image: url(http://・・・・・・・・・・);←ここを自分の画像一覧からURLを控えてコピペ

background-repeat: no-repeat;

background-position: 1px top;←このサイズは画像の左右調整(文字とかぶらないようにしましょう)

float: left;

height: 28px;

width: 400px;

}

最後に記事の背景に透過画像を

ここのタグを見つけましょう

.blogbody{

background:url(http://・・・・・・・・・)←ここに透過処理した画像を入れるといいですね

no-repeat 414px top;←このサイズは画像が置かれるx座標の位置です小さくすれば左によります


margin:0px 0px 10px 0px;

padding:8px 10px;

}

この3つで完成です

背景画像は自分の手が写っていやなので再度修正するつもりですが・・・



0 件のコメント :

コメントを投稿