QHM 3カラム サンプル表示

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

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

QHMの標準デザイン100パターンが全て見られるサイト
【QHM標準デザインサンプル集】はコチラから

 

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

3_green01

3_green01 メインビジュアル無

3_green01 メインビジュアル有

 

3_greenblue01

3_greenblue01 メインビジュアル無

3_greenblue01 メインビジュアル有

 

3_purple01

3_purple01 メインビジュアル無

3_purple01 メインビジュアル有

 

 

QHM 3カラム サンプル

g_green03

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

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

 

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

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

 
3カラムカスタマイズ
g-flower01 g-leaf01  
g_flower01 g_leaf01  
g-wblue01 g-wcool01  
g_wblue01 g_wcool01  
g-wide01 g-wide02 g-wide03
g_wide01 g_wide02 g_wide03
g-wide04 g-wide05 g-wide06
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パターンのサンプルを表示します。

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

パターン1:メニュー・コンテンツ・メニュー

 
 

パターン2:メニュー・メニュー・コンテンツ

 

パターン3:コンテンツ・メニュー・メニュー