QHM 標準デザイン サンプル表示
QHMの標準デザイン全100デザイン(2011年10月10日時点)をサンプル表示しています。
サブドメインの別サイトです。
QHMの標準デザイン100パターンが全て見られるサイト
【QHM標準デザインサンプル集】はコチラから
タイトルクリックでページへジャンプ、画像クリックでポップアップ表示します。
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パターンに大別できると思います。
- Side1・Contents・Side2 の並び順
- Side1・Side2・Contents の並び順
- Side1・Side2・Contents の並び順
QHMの標準構造では、Side1とContentsはセットという考え方なので、QHMの標準構造に準拠すると下記の4パターンのようになります。
- Side1・Contents・Side2 の場合
Side1・Contents・Side2 の並び順 Side2・Contents・Side1 の並び順
- Side1・Side2・Contents の場合
Side2・Side1・Contents の並び順
- Contents・Side1・Side2 の場合
Contents・Side1・Side2 の並び順
では、それぞれメインビジュアルを配置するとどうなるか。
メインビジュアルをセンターに設定した場合と、標準にSide2を追加した場合の計8パターンのサンプルを表示します。
タイトルクリックでページへジャンプ、画像クリックでポップアップ表示します。
パターン1:メニュー・コンテンツ・メニュー
パターン2:メニュー・メニュー・コンテンツ
パターン3:コンテンツ・メニュー・メニュー