上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
これは楽しみw
サイトを拝見させていただきましたが、
「これって本当にFC2ブログ?」ってくらいカッコよかったです(* >ω<)
2010.04.03 |
URL |
sora #-
[ edit ]
このコメントは管理人のみ閲覧できます
2010.04.30 |
|
#
[ edit ]

FC2ブログへテンプレートを投稿しました!! 今回のテンプレートは、夕焼け画像を背景にした透明感のあるデザインです。
■仕様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を取り入れたりして格好いいテンプレートを作ろうかなと思う。
画像処理がへたっぴなので一生懸命勉強中
テンプレートについてですが、液晶によっては、全体的に暗かったりするみたいなので、トップには明るめの画像を入れるといいかもしれません!
ダウンロードしてくださった人ありがとうございました!
これは楽しみw
サイトを拝見させていただきましたが、
「これって本当にFC2ブログ?」ってくらいカッコよかったです(* >ω<)
2010.04.03 |
URL |
sora #-
[ edit ]
このコメントは管理人のみ閲覧できます
2010.04.30 |
|
#
[ edit ]