プロフィール

FC2BLOGカスタマイザー

FC2BLOGカスタマイザー

FC2ブログ十数件、アメブロ数件、Yahoo!ストア、Yahoo!オークションストア、カラーミーショップ、ビジネスサイト数件、趣味サイト数件を現在仕事とプライベートで管理・運営中。過去には他のASPやCMSもいろいろ。

全記事表示リンク
検索フォーム
ユーザータグランキング
最新コメント
<>+-

FC2ブログ共有テンプレート説明 grass_board_3colmn

grass_board3カラム テンプレートイメージ
3col.jpg

背景のコンクリート・木・ガラスは全て独立しているため、着せ替えが可能です。
3タイプ用意してますので、下記方法でイメージチェンジしてみて、気に入ったものを使用してください。
もちろん、独自に作った画像と差し替えても構いません。
コンクリートと木の部分はリピート画像になっています。

★背景画像の変更方法
CSSの次の部分を変更します。

全体背景画像(コンクリート部分)
body{background:url(http://blog-imgs-45.fc2.com/o/r/e/oreshiten/concrete_c.jpg);}

ヘッダータイトル画像
#header_content{background:url(http://blog-imgs-45.fc2.com/o/r/e/oreshiten/titleimg810_c.jpg);}

フッター背景画像(ウッド)
#b_background{background: url(http://blog-imgs-45.fc2.com/o/r/e/oreshiten/wood_c.jpg);}

aタイプ、bタイプ、cタイプ、それぞれ画像を用意していますので、
拡張子.jpgの前の「c」の部分を「a」「b」に変えるだけです。

aタイプイメージ
2col.jpg
bタイプイメージ
1col.jpg
cタイプイメージ
3col.jpg



上のイメージ画像では、それぞれカラム数が異なっていますが、
どのカラムのバージョンでもa,b,cの3タイプが利用可能です。

次のように#h_backgroundに背景画像を設定すると、
フッター部分のようにヘッダーにも背景画像を設定する事ができます。
#h_background{background: url(http://blog-imgs-45.fc2.com/o/r/e/oreshiten/wood_a.jpg);}
hback.jpg

フッター背景を削除する事もできます。
no_bbackjpg.jpg

#header_contentの背景画像がヘッダーのタイトル画像になってますが、
これを削除するとまた違った印象になります。
hback_notitleimg.jpg
notitleimg.jpg


背景色によっては文字が見難くなりますので、色やサイズを調整してご利用ください。

あと、一応いろいろなケースを想定してCSSを設定し、IE8・IE9・GoogleChrome・FireFoxで確認してますが、それでも見落としがあるかも知れません。表示崩れ等の不具合がありましたら、テンプレートを修正しますので、「FC2ブログ共有テンプレート作ってみた。glass_boardシリーズ」のコメントにてお知らせ頂けると幸いです。

1カラムバージョン FC2ブログ共有テンプレート説明 grass_board_1colmn
2カラムバージョン FC2ブログ共有テンプレート説明 grass_board_2colmn にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ
CATEGORY:FC2BLOG自作テンプレート
TAGS:
THEME:インターネットサービス | GENRE:コンピュータ
テンプレート
テンプレートに関する質問は、このブログでは受けつけておりません。複数のサイトやブログを運営しており、メインブログ以外はコメントに気がつかない事が多いからです。質問がある方は下記から、それぞれのテンプレートのリンクをクリックし、そちら(メインブログ)で質問をお願いします。
▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼

sightseeingに関する不具合報告・質問等は→FC2ブログ共有テンプレート作ってみた。スライドショー

moon_treeに関する不具合報告・質問等は→FC2ブログ共有テンプレート作ってみた。奥入瀬

moon_treeに関する不具合報告・質問等は→FC2ブログ共有テンプレート作ってみた。月と木

torn_paperに関する不具合報告・質問等は→FC2ブログ共有テンプレート作ってみた。破れた紙風

wantedに関する不具合報告・質問等は→FC2ブログ共有テンプレート作ってみた。WANTED張り紙風

glass_boardシリーズに関する不具合報告・質問等は→FC2ブログ共有テンプレート作ってみた。glass_boardシリーズ
アクセスランキング
[ジャンルランキング]
コンピュータ 312位
[サブジャンルランキング]
Webサイト作成 18位