- 2Columun 6BOX
- #header>#extra(wrapper)>#other(wrapper)>#content(wrapper)>#menu(wrapper)>#footer
- ＸＭＬ宣言なし
- 文字コード：UTF-8
SiteTemplate06: PhantomWhite
ちょっとテクニカルなレイアウトのWebサイトテンプレート。
個人サイト或いはブログ向けの２カラム固定幅レイアウト。色違いの黒もあります。
半透明の背景、PNG24のタイトル画像、オーバーフローによる擬似フレーム。
ページを開いた際に一時的にコンテンツを隠すカバーと、別ページにジャンプするときにダイアログ出すスクリプトが入れてあります。
フォントサイズ指定はYUIのやつ使ってます。
Divまみれなので変更はしづらいかもしれない。
- 2Columun 2BOX(irregular)
- ＸＭＬ宣言あり
- ドキュメントタイプ：XHTML 1.0 Transitional
- 文字コード：UTF-8
SiteTemplate05: PhantomBlack
ちょっとテクニカルなレイアウトのWebサイトテンプレート。
個人サイト或いはブログ向けの２カラム固定幅レイアウト。色違いの白もあります。
半透明の背景、PNG24のタイトル画像、オーバーフローによる擬似フレーム。
ページを開いた際に一時的にコンテンツを隠すカバーと、別ページにジャンプするときにダイアログ出すスクリプトが入れてあります。
フォントサイズ指定はYUIのやつ使ってます。
Divまみれなので変更はしづらいかもしれない。
- 2Columun 2BOX(irregular)
- ＸＭＬ宣言あり
- ドキュメントタイプ：XHTML 1.0 Transitional
- 文字コード：UTF-8
SiteTemplate03:2Column 5box CenterVisual&TabMenu
ちょっとテクニカルなレイアウトのWebサイトテンプレートその３。
中身は基本的なXHTMLとCSSだけで、メニューとレイアウト要素以外は入っていません。
このテンプレートは上にタブメニュー、中央にメインビジュアル用のwidth:100%ブロックがある２カラム構成で、タブが上に動くアクションはCSSでやっています。
並び順は上から、ヘッダ（メニュー）»ビジュアル»コンテンツ»サイドバー»フッタ。
フォントサイズ指定はYUIのやつ使ってます。
このテンプレートには、使用しているボタン・コンテンツタイトル画像のpdfファイルが添付してあります。
▼所謂Web2.0っていう感じのやつ
- 2Columun 5BOX
- ＸＭＬ宣言あり
- ドキュメントタイプ：XHTML 1.0 Transitional
- 文字コード：UTF-8
SiteTemplate02: 2-3Columun 4-5BOX BlogStyle
ちょっとテクニカルなレイアウトのWebサイトテンプレートその２。
中身は基本的なXHTMLとCSSだけで、メニューとレイアウト要素以外は入っていません。
このテンプレートはブログによくあるトップのみ３カラム、中が２カラムの構成で、ヘッダとフッタが横100%に見えるように作ってあります。
コンテンツ・サイドバーの量が多くなるのを想定した作りなので、中身が少ないとフッタが下にピッタリくっつきません。
Ｗｅ
並び順は上から、ヘッダ»グローバルメニュー»コンテンツ»サイドバー»フッタ。
フォントサイズ指定はYUIのやつ使ってます。
CSSのフィルタリングで使用しているif文については、IEのみに適用させるIFで解説しています。
- 2-3Columun 4-5BOX
- ＸＭＬ宣言あり
- ドキュメントタイプ：XHTML 1.0 Transitional
- 文字コード：UTF-8