表示テストページ †
画面テンプレートのテストページ
今回のテンプレートは、以前のものより横幅が広くなっています。
最近のディスプレイ事情にあわせました。
テストは、IE7、オペラ、ファイヤーフォックスで行っています。
3つのブラウザでは、ほぼ同じに表示されます。IE6だと少し表示が狂うみたいです。
←クリックすると大きくなります。
今回のバージョンのスキンは、上記のようなCSSのブロックで対応しています。
この内、body,wrapper,navi1 に対してCSSを多少追加するプラグインを作成しました。
プラグインは、それぞれバックグラウンドカラー、バックグラウンドの画像が指定できます。
navi1は、高さ方向も指定できます。
プラグイン名は sdbgc,sdbgc2,sdbgc3 (SiteDev BackGround Control)の予定です。
これにより、カテゴリー別の背景色の設定や、navi1に関連画像の挿入とか
スキン自体を一切いじらずに、いくつものパターンのホームページが作れます。
以下に参考例を示します。
- 表示テストページ/01.test1
- 表示テストページ/02.test2
- 表示テストページ/03.test3
- 表示テストページ/04.test4
- 表示テストページ/05.test5
- 表示テストページ/06.test6
- 表示テストページ/07.test7
- 表示テストページ/08.test8
- 表示テストページ/09.test9
- 表示テストページ/10.test10
- 表示テストページ/11.test11
- 表示テストページ/12.test12
- 表示テストページ/13.test13
- 表示テストページ/14.test
- 表示テストページ/15.test
- 表示テストページ/16.bg141
- 表示テストページ/16.bg142
- 表示テストページ/16.bg143
- 表示テストページ/16.bg144
- 表示テストページ/16.bg145
- 表示テストページ/16.bg146
- 表示テストページ/16.bg147
- 表示テストページ/16.bg151
- 表示テストページ/16.bg152
- 表示テストページ/16.bg155
- 表示テストページ/16.bg158
- 表示テストページ/16.bg160
- 表示テストページ/17.sp1
- 表示テストページ/X.添付画像一覧
- 表示テストページ/X.添付画像一覧2