CSSを使ってMovableTypeのブログ影をつけてみました

MovableTypeのブログに影をつけてみました。CSSの変更だけの変更なので他のテンプレートはいじらなくていいのですが結構面倒でした。DreamWeaverで作業したのでイマイチやり方覚えてません…。

簡単な説明ですがcontainer部分に背景を貼り付けてbanner部分とpagebody部分をmargin設定で右にずらしてみました。

この方法はcontainer部分に合わせて画像を作ったので今後ブログの幅を広げたり狭めたりといったカスタマイズをする際は画像も作り直さなければいけないのでお勧めできる方法ではないかもしれないです、後で気づきましたがbodyの背景中央に固定した画像を貼り付けたほうがシンプルに仕上がったのにと思ったりしています、かなりボケてました。CSSだけで影を付けたいという場合はいろいろな方法があるということで試してみてください。