1-2カラム・ハイブリッド
windowの横幅が850px未満と以上で、1,2カラムに変化するテンプレートです。
CSS Media Queriesに対応していないブラウザ(IE8以下)の場合、画面サイズに関係なく1カラムで表示されます。
このテンプレートでは、850px未満で2カラムになる場合に
タブ構文が無効になり、そのまま表示されます。
そのため、サイドバー全体にタブ構文を適用することで、
850px未満の場合サイドバーが上部にタブ表示され、850px以上では通常のサイドバーとなります。
水平線等、1カラムのタブ表示時に非表示にしたい場合はタブ名が空のタブを作成してください。
コンテンツ部分で
タブ構文を使用しても850px以上ではタブ表示になりません。
1カラムでタブを操作してからwindowサイズを変更して2カラムにした場合、
DOM MediaQueryListに対応していないブラウザ(IE9以下)では、操作したタブの内容が異常な位置に表示されます。
このテンプレートはモバイル端末の自動縮小表示を無効化しています。(手動ズームは可)
特殊ページ
ページ名 | 位置 | 説明 |
&HEAD | <head>内 | メタデータやJavaScriptを埋め込むのに使用してください。 |
&SIDE1 | 左 | 左に表示されるメインのサイドバーです。横幅336px |
&SIDE3 | 中央上部 | メインコンテンツの上に表示されます。 |
&SIDE4 | 中央上部 | メインコンテンツの下に表示されます。 |
&SIDE5 | 右上 | ページ全体の右上に表示されます。 |
サイドバーを利用しない場合は対象サイドバーのページを内容が空のまま作成してください。