QHM 3カラムカスタマイズ リクエスト表示

このページでは、お客様のリクエストにお応えして
3カラムにカスタマイズしたサンプルを表示します。

QHM 標準3カラムデザインを カスタマイズ

カスタマイズ内容:QHM標準3カラムでメインビジュアル使用

QHMの標準3カラムの3種類『3_freen01』、『3_greenblue01』、『3_purple01』は綺麗なデザインなのですが、メインビジュアルを表示すると、左サイドのメニューバーの色が2分割されてしまいます。
それをちょっとデザインを変えて分割されないようにしました。
また、『w_cool03・04・05』との共用も考慮して、Contents幅を『w_cool03・04・05』と同じ幅に設定してみました。

 

QHM標準デザイン

g_wcool03 3_purple01
greybox=gb-req,g_wcool03 greybox=gb-req,3_purple01
g_wcool04 3_green01
greybox=gb-req,g_wcool04 greybox=gb-req,3_green01
g_wcool05 3_greenblue01
greybox=gb-req,g_wcool05 greybox=gb-req,3_greenblue01
 

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

Main_visual未使用・Logo_image未使用
Main_visual未使用・Logo_image表示

Main_visual未使用
Logo_image未使用
Main_visual未使用
Logo_image表示
Main_visual未使用/Logo_image未使用 Main_visual未使用/Logo_image表示
 
 

Main_visual左表示・Logo_image未使用
Main_visual左表示・Logo_image表示

Main_visual左表示
Logo_image未使用
Main_visual左表示
Logo_image表示
Main_visual左表示/Logo_image未使用 Main_visual左表示/Logo_image表示
 
 

Main_visual中央表示・Logo_image未使用
Main_visual中央表示・Logo_image表示

Main_visual中央表示
Logo_image未使用
Main_visual中央表示
Logo_image表示
Main_visual中央表示/Logo_image未使用 Main_visual中央表示/Logo_image表示
 

Main_visual中央小表示・Logo_image未使用
Main_visual中央小表示・Logo_image表示

Main_visual中央小表示
Logo_image未使用
Main_visual中央小表示
Logo_image表示
Main_visual中央小表示/Logo_image未使用 Main_visual中央小表示/Logo_image表示
 
 

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

 

コメントは受け付けていません。