CSS 新広告をなんとかしちゃおう 番外
風邪ひいて・・・
ボーとしていることもあって・・・・
簡単なのを・・・・・番外ということで
使う方・・・・ いないかも・・・？
ボーダーで囲みます
ＣＳＳの最後にコピペしてください
#advertising2 {
border:1px solid #999999 !important;
padding:0 15px 10px !important;
}
CSSをさわれないスキンの場合はフリープラグインに
<style type="text/css">
<!--
#advertising2 {
border:1px solid #999999 !important;
padding:0 15px 10px !important;
}
-->
</style>
border:1px solid #999999
1pxは線の太さ solidは線の種類 #999999は線の色です
solid ・・1本線
double ・・2本線
dashed・・破線。
dotted・・点線
・・・他にもあります border-style で検索してみてください
padding:0 15px 10px
上 左右 下 の順でスキマを設定します（今回、上は最初から空くので0でちょうどいいくらい）
・・・・padding:0 15px 10px 15px は上 右 下 左 の順番でスキマを設定
・・・・padding:0 15px は 上下 左右 の順番でスキマを設定
・・・・padding:15px は 上下左右 全部同じでスキマです
・・・・margin とかも同じ順番です、0は単位を書かなくてもOKです
今回は2行で書いていますが
#advertising2 {
border-width: 1px !important;;
border-style: solid !important;;
border-color: #999999 !important;;
padding:0 15px 10px !important;
}
と、同じです
上だけに線を使ってみました・・・こっちなら使ってくれる方いるかも
#advertising2 {
border-top:2px dotted #ff33cc !important;
margin-top:20px!important;
}
・・・border-top:2px; と border-width:2px 0 0 0; （上、右、下、左） は同じです
※こちらはmargin-top:を指定します 記事の最後と線とのスキマをあけます
上の線で囲む方はpaddingを指定しました 線と中の広告のスキマをあけます
今回は使ってはいませんが両方を組み合わせて位置を調整してください
メチャクチャ簡単に説明 marginは外のスキマ、paddingは中のスキマ ・・
・・・・ 自分の頭がおバカになっているから、基本的なことまで説明してみました
・・・・ 少しはわかっていただけたら うれしいかな
・・・ ズ～っと、おバカでいてください なんてリクはしないでください
CSSの最後にコピペしてから 表示を確認する でプレビューします
位置、スキマが希望通りになるまで調整して
ＯＫでしたら保存してください
保存するまでは何度でもやりなおせます ・・・
保存しちゃってもやりなおせばいいだけじゃん！わざわざ言うことではなかったです