サイトマップ
メニューのサイズとサイトのサイズの調整方法
申し訳ございません ただいま不作動...修正中です
2015 0209
シリウスグローバルメニューをプルダウンカスタマイズ サイズ調整
当該コンテンツは関連ページからの継続となります
h4タグ要素でグローバルメニューをプルタウンメニューカスタマイズ
今回解説しているグローバルのプルダウンメニューは 見出しメニューの
サイズ 見出しの数 テンプレートの横サイズすべてに関連性があります
まずは グローバルに表示する見出しの数は 5つとご認識ください
それ以上にも以下にもできますが事情をご確認願います
グローバルメニューは読み込みをＨＴＭｌ内に収めますが
外部取り付けとなるのでサイト幅内での自動での幅調整が
出来ないので サイト幅に合わせた見出し幅を指定しなければなりません
見出しサイズの合計数値がサイト幅内に収まらなければ
一段のはずが 2段の表示になってしまいます
また 数値不足の場合は 右端にスペースが空いてしまいます
サイト幅から5つで調度割れる数値で指定するということです
当初デフォルト3カラムサイズがベストとしていたのですが
デフォルトテンプレートの場合
サイト幅が９００ＰＸで
メニューが１８０ＰＸを５で割ると調度だったのです
けれど サイト幅を拡張する方もおられるので ９８０ＰＸと１０００ＰＸ
サイズで調整法を解説します
メニューの横幅は シリウス機能テンプレートの横幅設定で指定しますが
ここに面倒があります
メインメニュ－でサイズ調整することになります
サブメニューは」影響しません
が ここでサイズ指定すればサイドメニューもサイズが変わることになるのです
数値を大きくした場合は レイアウト崩れにもなります
その際の対処法は記事カラムを狭めたり もしくはサブメニューを
狭めたりとかで対処します
デフォルト3カラムでそのままという方はいじらずでもよいのですが
サイト幅を拡張した場合はメニューの幅も調整しなければなりません
新規ではなく いま運営しているサイトでスクリプトを取り付ける際は
メニュー幅が切り替わることで修正するところはないかをよく確認して
作業を進めてください
一例を記載します
3カラムサイト幅980ＰＸで5つの見出しの場合
メインメニュー １９６ＰＸ
サブメニュー １９０ＰＸ
記事カラム ５３０ＰＸ
3カラムでサイト幅１０００ＰＸで5つの見出しの場合
メインメニュー２００ＰＸ
サブメニュー ２３０ＰＸ
記事カラム ５２０
または
メインメニュー ２００ＰＸ
サブメニュー ２００ＰＸ
気ｊカラム ５５０ＰＸ
グローバルメニュー位置に適用されるのはメインメニューの数値です
サブメニュー 記事カラムの数値は変更してもサイト幅内で収まる
数値でしたらレイアウト崩れは防げます
グローバルメニューを4つにした際は サイト幅を１０００ＰＸで
４つのメニューで メニュー幅は２５０となります
2カラムの場合で デフォルトのサイト幅の場合 サイドメニューが
デフォルトで２００ＰＸですので5つメニューなら メインメニューを１８０ＰＸに
することになります
サイト幅を１０００ＰＸにした場合は メニュー幅はいじらずです
一カラムは 使用経験も無く未検証ですが応用出来ると思います？
スポンサーリンク
h4タグでプルダウンをグローバルで正常反映するためのサイズ指定
シリウスのグローバルメニューを軽量プルダウンカスタマイズ備忘録
シリウスカスタマイズトップ
- h4タグ要素でグローバルメニューをプルタウンメニューカスタマイズ
- シリウスのh4タグ要素を使ってグローバルメニューをプルタウンメニューへとカスタマイズ ただし当該解説はデフォルトテンプレート対応となります.
- プルダウンｈ４見出し表示 メニューアイコンカスタマイズ
- シリウスにプルダウン見出しををｈ4タグで表示させた場合 またブラインドメニューのアイコンヲカラーをカスタマイズする方法を解説します
- ｈ４スタイルで表示されるグローバルメニューのデザインカスタマイズ
- 今回の解説のｈ４スタイルで表示されるグローバルメニューのデザインを見出しメニューを基本として画像やＣＳＳ指定で変化させてゆく手順をまとめております
- ｈ4グローバル見出しメニューｃｓｓでデザインイメージカスタマイズ
- シリウスのｈ4グローバル見出しメニューをスタイルシートＣＳＳ編集でデザインイメージを簡単にカスタマイズする手順のご案内です
- ｈ４グローバルブラインドをサイドオープンくスタイルへカスタマイズ
- シリウス導入のｈ４グローバルブラインド収納メニューを海外サイトみたいな横に開くサイドオープンスタイルへカスタマイズする手順をご案内いたします
