/ シンプルWH >>

スポンサーサイト

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

| - | - | - | Top ▲

騎馬と桜

騎馬と桜
・2カラム−左メニュー
・800px(変更可)
・白黒 / 和風
・Love機能、SNSボタン付き

左上のシルエットは山形城跡(霞城公園)の最上義光騎馬像から。
何か、格好良かったんだ。

[2011.9.21]
テンプレート幅を変更できるようにしました。
余裕を持たせましたが背景に画像を使っているので、場合によってはイメージが半端に表示されるかもしれません。


不親切なCSS講座「テンプレートの幅を変える」
/* レイアウト設定------------------------------- */
body { background-color: black; text-align: center; margin: 0px; padding: 0px }
#layout { background-color: white; text-align: left; margin: auto; width: 800px }
#header { background: url(http://img-cdn.jg.jugem.jp/05a/1153420/20110915_2218638.gif) repeat-x right top }
#main { padding: 0px 20px 30px 20px }
#side { float: left; width: 220px }
#entry { float: right; width: 530px }
#footer { text-align: right; clear: both;
background: url(http://img-cdn.jg.jugem.jp/05a/1153420/20110915_2218636.gif) repeat-x }

------------------------------------------------------------

とりあえず赤字を変更すれば変わります。

上の設定(デフォルト)では全体の幅が800pxでその内側のスペースが左右20px、メニュー幅が220px、エントリー幅が530pxで、その間が必然的に10pxになっています。

20px220px+(10px)+530px20px800px

こんな感じです。
| テンプレート | comments(0) | - | Top ▲

スポンサーサイト

| - | - | - | Top ▲

comment

name
mail
url
comments
Cookieに登録