アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦！

好みのテーブルが画像になりましたか？

では広告の背景に設定していきます

CSSに書かれている各サイズがどの部分かわかるように画像を用意してあります
画像を見て自分で作った背景画像に合わせてサイズを調整してください

今回使用の画像のサイズは400px×190pxです

画像サイズ以外を0にした場合・・・・基本の位置です

margin-top: を設定すると・・記事と画像の間隔があきます

height: を設定すると・・・画像の下が開きます

※画像の高さより小さな値ですと画像がその分、欠けます


padding:　にサイズを設定すると・・・画像の横と広告の間隔があきます

最終的に設定するサイズは・・・・width:に注意！

サイズの入れ方を把握したら

CSSの最後にコピペしてください

/* 広告の背景に画像 */
.contents #advertising2{
margin-top: 50px;/* 記事とのスキマ */
padding: 5px 10px 20px 10px;/* 背景画像と広告のスキマ */
display:block;
width: ***px;/* 広告の横幅 */
background:url(背景画像のURL) no-repeat!important
}

2009/2/15

CSS も～い～か～ぃ・・？記事下広告

http://hama-sush-jp.pro/exlink/entry-10208568112.html

こちらで不都合が出ましたのでＣＳＳを修正しました