Wiki無料レンタル「rentafree.net」公式Wiki

メニュー
検索



更新一覧

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右上ページ全体の右上に表示されます。
サイドバーを利用しない場合は対象サイドバーのページを内容が空のまま作成してください。
[編集]   [AD]
rentafree.net