hodakaの居場所Xoops実験室

トップ  >  CSSレイアウトテーマBasic  >  3col_liquid_default
    このカテゴリには 3 件のファイルがあります

カテゴリ CSSレイアウトテーマBasic
3col_liquid_default
掲載日:  2012/9/23
説明
旧名full_flex_1。
CSSレイアウトテーマ(liquidタイプ)のデフォルトとして作ってみました。
構造のベースとしてcssレイアウトの聖地positioniseverythingの新記事「The Jello Mold Piefecta Layout」を採用しております。
これは、大変な優れもので、
・昨今のブラウザ大型化時代に対応して、max/min-widthを自在にコントロールできる
・したがってブラウザを極小に縮めてもセンターがつぶれない
・liquid、rigidどちらも対応可能
・Xブラウザを考える上でハックも最小に抑えられる
などの特徴をもっており、非固定型コンテンツファースト・テーマのデフォルトと考えてよく、非常に応用範囲の広いものです。

今回は旧来のdeafultテーマに似せて、横幅最大1024px、最小750pxタイプのものを公開します。
ソースオーダーはヘッダ、中央、左、右、フッタの順になっています。
横幅1024px以上のブラウザでは、中央1024px幅で表示します。
最近でかいブラウザが増えてきたので、必要以上に広がらないようにしてみました。
IEでもjavascriptを使わずにmax-width、min-widthが有効になるようになっています。
min-widthは750pxです。それ以下になると横スクロールバーが出現します。
*幅の調整(max/minサイズ)はわずか数行の変更でどうにでもなります。ただし完全固定にする場合は、入れ子が複雑に絡む分3col_rigid_defaultまたは3col_default_baseのシンプルさにはとうてい敵いません。使用を避けてください。

特徴
CSSレイアウト
コンテンツファースト
max-width&min-width対応
xoops用コラムには全て対応(柱1本も可能)
モバイルをのぞきほぼすべてのブラウザに対応
4系ブラウザ用cssファイルあり
印刷用cssファイルあり

詳細な解説
解説ページをxoops関連TIPS集のCSSレイアウトカテゴリーに書いていきますので参考にしてください。

CHANGE LOG
[v0.1.4 2007.4.16]
- IE以外にはxml宣言追加
- パンくずのスタイルサンプル追加
[v0.1.3 2007.4.14]
- IE7登場のためIE用スタイルシートstyleIE.cssに手を入れた。
[v0.1.2 2005.10.5]
- Geckoの古いバージョン対策(悔しいけどjavascriptを使います)
[v0.1.1 2005.10.1]
- misc.phpなどポップアップ画面で、全幅サイズが適用されるバグを解消

[ ファイル名 ] 3col_liquid_default.zip [ MD5 checksum ] a876c86de7cfc06327f9ae39aa0e3730
ダウンロード数 68   ファイルサイズ 13.02 KB   利用可能なOS/ソフト等 Xoops 2.0x| | XOOPS Cube Legacy 2.1.x、2.2.x   ライセンス GPL v. 1.0   ホームページ hodakaの居場所
評価 0 (0 票)
評価する  | ファイル破損/リンク切れを報告 |  友達に伝える | 


ログイン


ユーザー名:


パスワード:





パスワード紛失