QHM 3カラムパターン サンプル表示

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:コンテンツ・メニュー・メニュー

 

 

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