NFCは新しい未来を創造します - New Future Create - 株式会社 NFC (エヌエフシー)

g_wide03 3カラムカスタマイズ

QHM 標準2カラムデザイン"g_wide03" カスタマイズ

仕様比較 Original : 3カラムカスタマイズ

なるべくオリジナルデザインのサイズをそのまま活かし、オリジナルと同サイズの「メニュー2」を追加したつもりです。

Frame


g_wide03 Original

部位名オリジナル仕様カスタマイズ仕様
width指定% or PX(Pixcel)width指定% or PX(Pixcel)
#body%指定100%(画面Size)%指定100%(画面Size)
#headcopy指定無指定無(画面Size)指定無指定無(画面Size)
#wrapper%指定100%(画面Size)%指定100%(画面Size)
px指定850px(850px)px指定850px(850px)
#navigatorpx指定850px(850px)px指定1054px(1054px)
#wrap_mainpx指定1054px(1054px)
#mainpx指定850px(850px)px指定850px(850px)
#wrap_content%指定76%(646px)px指定646px(646px)
#wrap_sidebar%指定24%(204px)px指定204px(204px)
#wrap_sidebar2px指定204px(204px)
#menubar2書式設定
#navigator2px指定850px(850px)px指定1054px(1054px)

※弊社に情報をお送りいただける場合はコチラのプライバシーポリシーご同意いただけたものとみなさせていただきます。


%指定100%(850px)%指定100%(1054px)

全体のwidth及び#wrap_sidebar2は余白を考慮したサイズ

3カラム パターン

ネミングルール

オリジナルデザインネームに「3c」と「メニュー位地(左右)」、
「Main_visual表示位地(中央・サイド)」を付加しています。

  • メニュー位地:左右の場合 lr ・左2つ l2・右2つ r2
    • QHMの仕様では、#mainでメニュー1とコンテンツがセットになっています。
  • Main_visual:中央(center)の場合 mvc・左右どちらか寄り mvs
    • Main_visualを表示しない場合は、mvc・mvsは同じ表示結果になります。
    • mvsは#mainの上部にMain_visualを表示します。
  1. パターンA:メニュー1・コンテンツ・メニュー2 の場合
    g_xxxxx
     org_xxxxx_3clr_mvc (Main_visual 中央)
     org-xxxxx_3clr_mvs (Main_visual 横寄り)
     メニュー2・コンテンツ・メニュー1 の場合
     org_xxxxx_3crl_mvc (Main_visual 中央)
     org-xxxxx_3crl_mvs (Main_visual 横寄り)
  2. パターンB:コンテンツ・メニュー1・メニュー2 の場合
    g_xxxxx
     org_xxxxx_3cr2_mvc (Main_visual 中央)
     org-xxxxx_3cr2_mvs (Main_visual 横寄り) 
  3. パターンC:メニュー2・メニュー1・コンテンツ の場合
    g_xxxxx
     org_xxxxx_3cl2_mvc (Main_visual 中央)
     org-xxxxx_3cl2_mvs (Main_visual 横寄り) 

サンプル表示

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

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




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



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





powered by HAIK 6.1.0.beta
based on PukiWiki 1.4.7 License is GPL. HAIK

最新の更新 RSS  Valid XHTML 1.0 Transitional