Home > 014)Movable Type > MT(Movable Type)で背景にシャドウの画像を入れる方法

MT(Movable Type)で背景にシャドウの画像を入れる方法

友人のデザイナーさんに聞きながら
背景にシャドウの画像を入れてみたので
忘れないようにメモ。
ありがとうございました!ヾ(≧▽≦)ノ 

headerとcontentとfooterを入れる
もう一つ大きい箱(div)をつくって
それに背景画像をあてればいいよ。
箱の大きさは背景画像の大きさ。
margin-top:0px; margin-bottom:0px; margin-right:auto margin-left:auto;
そうすれば、上から下まで背景画像がつくよ。

とのアドバイスを頂き、任意の画像を用意したあと、

#container{ background-image:url();
width:●●●px;
margin: 0 auto 0 auto;
background-repeat:repeat-y;
}

↑こんな感じでスタイルシートに追加記述する。

その後、index.htmlやらアーカイブやらもろもろを
bodyの下から div id="container" で囲む。

これでOK!

Comment:0

Comment Form
Remember personal info


Home > > MT(Movable Type)で背景にシャドウの画像を入れる方法

Page Top