webdesignkeys

■仕様

XHTML 1.0 Transitional 非準拠
2カラム(エントリ－左　プラグイン－右)
FC2プラグイン　1、2に対応
ナビゲーション（HOMEとRSS以外は各自で設定してください）
背景画像(921px × 221px)
メインコンテナー(760px)
エントリーエリア(530px)
プラグインエリア(220px)


■カスタマイズ可能なテンプレート

今回作成したテンプレートですが、ダウンロードしてくださったブロガー様の個性を尊重するために、背景画像を変更しても全体的なデザインが崩れないように作成しています。画像編集ソフトでトリミングが可能であれば、簡単に変更を加えることが可能です。一方で、背景画像から黒へのフェードアウトを表現するために、透過PNGを用いており、残念ながらIE6での表示ができませんので予めご了承ください。＊編集で対応させることも可能

■背景画像の変更例(クリックで拡大画像が見られます)

・デフォルトテンプレート


・ビーチ夕焼け


・木漏れ日


・ブリッジ


・ロード


どれもかっこよく仕上がりました！画像を変えるとかなり印象が違いますね


■カスタマイズ方法

環境設定のテンプレートの設定を選択し、スタイルシートの編集画面から以下の記述を探してさい。

#top_banner{

margin:0 auto;
width:921px;
height:221px;
background: url("http://blog-imgs-29.fc2.com/w/e/b/webdesignkeys/p06_top_banner.jpg") no-repeat;

}

この記述のbackground :url("") no-repeat;のダブルクォーテーションに囲まれるアドレスがトップ画像へのアドレスになります。お好きな画像で結構ですが、サイズは、幅が921pxで高さを221pxとしてください。
前後数pxくらいならばデザインに支障はありません



■作りおわって

IE6には非対応だけど、結構クールに仕上がったと思います。
ブログテンプレートでは、プラグインとかの関係で、作成時にW3Cに準拠していても、個々に適応したとき非準拠になりやすいので、考えないことにします。
今後はHTML5やCSS3を取り入れたりして格好いいテンプレートを作ろうかなと思う。
画像処理がへたっぴなので一生懸命勉強中
テンプレートについてですが、液晶によっては、全体的に暗かったりするみたいなので、トップには明るめの画像を入れるといいかもしれません！

ダウンロードしてくださった人ありがとうございました！