静的ペ-ジに背景色をつける
- 2009年2月 3日(火) 18:26 JST
- 投稿者: ぬいいとさん
- 表示回数 6,056
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さん。
アドバンストエディタで出来上がった静的ページの
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さん。