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

g_flower01 3カラムカスタマイズ Side190

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

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

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

Frame


g_flower01 Original

g_flower01 は、オリジナルサイズと多少広くしたものの2種類を用意しました。


なお、このページではサイドバーを190pxの設定で表示しています。

部位名オリジナル仕様カスタマイズ仕様
width指定% or PX(Pixcel)width指定% or PX(Pixcel)
#body%指定100%(画面Size)%指定100%(画面Size)
#headcopypx指定750px(750px)px指定900px
1000px
(900px)
(1000px)
#wrapperpx指定750px(750px)px指定900px
1000px
(900px)
(1000px)
(750px)px指定750px(750px)
#navigator(750px)px指定900px(900px)
#wrap_mainpx指定900px
1000px
(900px)
(1000px)
#mainpx指定750px
810px
(750px)
(810px)
#wrap_content%指定80%(600px)px指定600px
620px
(600px)
(620px)
#wrap_sidebar%指定20%(150px)px指定150px
190px
(150px)
(190px)
#wrap_sidebar2px指定150px
190px
(150px)
(190px)
#menubar2書式設定
#navigator2%指定100%(750px)%指定100%(900px)
(1000px)

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


%指定100%(750px)%指定100%(900px)
(1000px)

全体の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