<< 騎馬と桜 / Ferris wheel >>

スポンサーサイト

一定期間更新がないため広告を表示しています

| - | - | - | Top ▲

シンプルWH

シンプルWH
・2カラム−左メニュー
・800px(変更可)
・白黒 / シンプル
・Love機能、SNSボタン付き

[2011.9.21]
テンプレート幅を変更できるようにしました。
ヘッダー背景にオリジナル画像を表示させることもできます。


不親切なCSS講座「テンプレートの幅と背景画像」
/* レイアウト設定------------------------------- */
body { text-align: center; margin: 0px; padding: 0px }
#layout { text-align: left; border: solid black 1pt; margin: auto; width: 800px;
background: url(http://img-cdn.jg.jugem.jp/05a/1153420/20110919_2224456.gif) repeat-y 230px top }
#header { background-color: white; background-image: url (http://画像のパス) }
#main { }
#side { float: left; width: 230px; padding: 10px 0px }
#entry { float: right; width: 570px; padding-bottom: 10px }
#footer { clear: both; }
--------------------------------------------------------------


テンプレート幅を変える場合は赤字ピンク字を変更します。

上の設定(デフォルト)では全体の幅が800px、メニュー幅が230px、エントリー幅が570pxになっています。

230px570px800px

ピンク字は同じ数値が入ります。
ヘッダーの背景に画像を表示させたい場合は青字部分に画像系タグを加えます。
| テンプレート | comments(0) | - | Top ▲

スポンサーサイト

| - | - | - | Top ▲

comment

name
mail
url
comments
Cookieに登録