QHM 3カラム サンプル表示

QHM 標準デザイン サンプル表示

QHMの標準デザイン全100デザイン(2011年10月10日時点)をサンプル表示しています。
サブドメインの別サイトです。

タイトルクリックでページへジャンプ、画像クリックでポップアップ表示します。

3_green01 メインビジュアル無

3_green01 メインビジュアル有

3_greenblue01 メインビジュアル無

3_greenblue01 メインビジュアル有

3_purple01 メインビジュアル無

3_purple01 メインビジュアル有

---

 

QHM 3カラム サンプル

g_green03 QuickDesigner マニュアル参考3カラム

g_green03 リキッドレイアウト3カラム

---

3カラムカスタマイズ サンプル

タイトルクリックでページへジャンプ、画像クリックでポップアップ表示します。

3カラムカスタマイズ
g-flower01	g-leaf01
g-wblue01	g-wcool01
g-wide01	g-wide02	g-wide03
g-wide04	g-wide05	g-wide06

---

3カラム のパターン

3カラムのパターンは大きく分けて下記の3パターンに大別できると思います。

1. Side1･Contents･Side2 の並び順
2. Side1･Side2･Contents の並び順
3. Side1･Side2･Contents の並び順

QHMの標準構造では、Side1とContentsはセットという考え方なので、QHMの標準構造に準拠すると下記の4パターンのようになります。

1. Side1･Contents･Side2 の場合

   Side1･Contents･Side2 の並び順
   Side2･Contents･Side1 の並び順

2. Side1･Side2･Contents の場合

   Side2･Side1･Contents の並び順

3. Contents･Side1･Side2 の場合

   Contents･Side1･Side2 の並び順

では、それぞれメインビジュアルを配置するとどうなるか。
メインビジュアルをセンターに設定した場合と、標準にSide2を追加した場合の計8パターンのサンプルを表示します。

タイトルクリックでページへジャンプ、画像クリックでポップアップ表示します。

パターン1：メニュー･コンテンツ･メニュー

パターン2：メニュー･メニュー･コンテンツ

パターン3：コンテンツ･メニュー･メニュー

 

---