静的ペ-ジに背景色をつける

http://uttyan.nuiito3.com/

アドバンストエディタで出来上がった静的ページの
HTMLコードを(そのまま投稿モードをHTMLに切り替えると良い)

<div style="background-color: #色コード">
     ・     
     ・     
     ・     
(ずらーっと並んだHTMLコード)
     ・     
     ・     
     ・     
</div>

という風にすればよい。

<div>を使うコードがイマイチ解らず、けっこう検索に手間取った。

「もっとスマートな方法がある。」
と、テーマのおっしょはんは、おっしゃってたけど。
聞きそびれてしまった。(T_T)
ので、未だこれで乗り切る。
☆。.:*:・'゜★。.:*:・'゜☆。.:*:・'゜★。.:*:・'゜☆。.:*:・'゜★。*
複数ある静的ページを個別に色分けする時は、この方法でもよいとのこと。
同じベースで統一したい場合は
<div class="abc">~</div>
としてcustom.cssに
.abc {
background:#色コード;
}
と書いておけばどの静的ページでも
<div class="abc">~</div>と使いまわすことが出来る。

なお、対象ブロックのcssを修正する、または、custom.cssで上書きする方法もあり
たとえば
div#centerblocks {
background:red none repeat scroll 0 0;
}
と書くとセンターブロックの背景が赤くなり
div#centerblocks {
background:url(./images/custom/壁紙ファイル名);
}
とすると、センターブロックに壁紙が貼れる。

Thank you,teraさん、AugeBangさん。

コメント (11件)


ぬいいとさんの「のんびりのびのび」
http://nuiito3.com/article.php/20090203182635127