• MENU●●●●
  • h4タグでプルダウンをグローバルで正常反映するためのサイズ指定


    シリウスカスタマイズ アコーディオンブラインドメニューシリウスへ取り付け完了 詳細は外部カスタマイズメニューでご覧ください

    スポンサー広告

    関連記事


    メニューのサイズとサイトのサイズの調整方法

     

    申し訳ございません ただいま不作動...修正中です

     

    2015 0209
    シリウスグローバルメニューをプルダウンカスタマイズ サイズ調整

     

    当該コンテンツは関連ページからの継続となります
    h4タグ要素でグローバルメニューをプルタウンメニューカスタマイズ

     


     

    今回解説しているグローバルのプルダウンメニューは 見出しメニューの
    サイズ 見出しの数 テンプレートの横サイズすべてに関連性があります

     

     

    まずは グローバルに表示する見出しの数は 5つとご認識ください

     

    それ以上にも以下にもできますが事情をご確認願います

     

    グローバルメニューは読み込みをHTMl内に収めますが

     

    外部取り付けとなるのでサイト幅内での自動での幅調整が
    出来ないので サイト幅に合わせた見出し幅を指定しなければなりません

     

    見出しサイズの合計数値がサイト幅内に収まらなければ
    一段のはずが 2段の表示になってしまいます

     

    また 数値不足の場合は 右端にスペースが空いてしまいます

     

    サイト幅から5つで調度割れる数値で指定するということです

     

     

     

    当初デフォルト3カラムサイズがベストとしていたのですが

     

    デフォルトテンプレートの場合 

     

    サイト幅が900PXで

     

    メニューが180PXを5で割ると調度だったのです

     

     

    けれど サイト幅を拡張する方もおられるので 980PXと1000PX

     

    サイズで調整法を解説します

     


     

    メニューの横幅は シリウス機能テンプレートの横幅設定で指定しますが

     

    ここに面倒があります

     

    メインメニュ-でサイズ調整することになります
    サブメニューは」影響しません

     

    が ここでサイズ指定すればサイドメニューもサイズが変わることになるのです

     

    数値を大きくした場合は レイアウト崩れにもなります

     

    その際の対処法は記事カラムを狭めたり もしくはサブメニューを
    狭めたりとかで対処します

     

    デフォルト3カラムでそのままという方はいじらずでもよいのですが
    サイト幅を拡張した場合はメニューの幅も調整しなければなりません

     

    新規ではなく いま運営しているサイトでスクリプトを取り付ける際は
    メニュー幅が切り替わることで修正するところはないかをよく確認して
    作業を進めてください

     

    一例を記載します

     

    3カラムサイト幅980PXで5つの見出しの場合

     

    メインメニュー 196PX
    サブメニュー  190PX
    記事カラム  530PX

     

     

    3カラムでサイト幅1000PXで5つの見出しの場合

     

    メインメニュー200PX
    サブメニュー 230PX
    記事カラム  520

     

     

    または

     

    メインメニュー 200PX
    サブメニュー  200PX
    気jカラム   550PX

     

     

    グローバルメニュー位置に適用されるのはメインメニューの数値です

     

    サブメニュー 記事カラムの数値は変更してもサイト幅内で収まる
    数値でしたらレイアウト崩れは防げます

     

     

    グローバルメニューを4つにした際は サイト幅を1000PXで
    4つのメニューで メニュー幅は250となります

     

     

     

    2カラムの場合で デフォルトのサイト幅の場合 サイドメニューが
    デフォルトで200PXですので5つメニューなら メインメニューを180PXに
    することになります

     

    サイト幅を1000PXにした場合は メニュー幅はいじらずです

     

     

    一カラムは 使用経験も無く未検証ですが応用出来ると思います?

     

    スポンサーリンク

     

     

    h4タグでプルダウンをグローバルで正常反映するためのサイズ指定
    シリウスのグローバルメニューを軽量プルダウンカスタマイズ備忘録
    シリウスカスタマイズトップ

    h4タグでプルダウンをグローバルで正常反映するためのサイズ指定関連解説
    h4タグ要素でグローバルメニューをプルタウンメニューカスタマイズ
    シリウスのh4タグ要素を使ってグローバルメニューをプルタウンメニューへとカスタマイズ ただし当該解説はデフォルトテンプレート対応となります.
    プルダウンh4見出し表示 メニューアイコンカスタマイズ
    シリウスにプルダウン見出しををh4タグで表示させた場合 またブラインドメニューのアイコンヲカラーをカスタマイズする方法を解説します
    h4スタイルで表示されるグローバルメニューのデザインカスタマイズ
    今回の解説のh4スタイルで表示されるグローバルメニューのデザインを見出しメニューを基本として画像やCSS指定で変化させてゆく手順をまとめております
    h4グローバル見出しメニューcssでデザインイメージカスタマイズ
    シリウスのh4グローバル見出しメニューをスタイルシートCSS編集でデザインイメージを簡単にカスタマイズする手順のご案内です
    h4グローバルブラインドをサイドオープンくスタイルへカスタマイズ
    シリウス導入のh4グローバルブラインド収納メニューを海外サイトみたいな横に開くサイドオープンスタイルへカスタマイズする手順をご案内いたします

       広告

    .













    お勧め目 抜粋






















































    shop

    特典付き広告..ポチする
    【上位版】次世代型サイト作成システム「SIRIUS」


    シリウスカスタマイズで気を付けること


    サイトにnorton|ノートンの安全評価を付ける


    カスタムに使える情報

    Webデザインで使えるWeb配色ツールまとめサイト