今回は木目調CSSです~★
画像はいつもお世話になっている ひでぶぅさんの「HP素材のおすそわけ。」 のフリー画像を使用.
ひでぶぅさんのところのホームページ用テンプレートにむちゃくちゃ好みのデザインのものがありましたので,アメーバブログ用に改造いたしました.
デザインベースはホームページ用テンプレート#37のモダンウッド .
ブログ用に移植させるため,背景画像の一部とサイドバータイトル背景の画像は二次加工にて作成してあります.
背景画像は大元は2種類(背景とサイトタイトル背景部分)なのですが.
そのままブログに使うと,ウィンドウの大きさを変更したときにレイアウトが崩れてしまい,移植しづらいので,1種類を分割させて計3種類の背景画像にして重ね合わせました.
背景画像の重ね合わせは大得意なので...(^^;;;
今回は中央部分に記事,両サイドに,左サイドバー,右サイドバーという構成にはなっていませんが.
CSS編集にて左サイドバーを,右端に表示させているだけなので,HTML構成には変化ありません.
木目調のデザインで汎用性が高く季節に左右されませんので,しばらくこのCSSでいけそうですね.
IE6.0,Fx1.0(だったと思う),NN7にて表示確認済み.
その他の環境では表示が崩れるかもしれません...m(__)m