CSS3menu グローバルメニューへの切り替え方法
2014 1214更新
シリウスグローバルメニューカスタマイズテーマ 切り替え
シリウスにCSS3menu出作成したグローバルタイプのメニューを
設置するためには事前に特徴をご確認ください
CSS3menuで作成したグローバルメニューは 作成時に100%widthで
指定すれば横サイズがカラムのサイズに自動であわされます
以下のように記事カラムに設置すればそのカラムサイズになるのです
ですのでグローバル指定箇所に入れればサイト幅にあわされるのです
ただし 縦幅に問題あり
CSS3menuで作成されるメニューは縦サイズがシリウスグローバルとの
サイズにずれがあります
シリウスのグローバルメニューと同サイズならよいのですが異なる
サイズのメニューを選択した場合は スタイルシートで縦幅を調整することに
なります
作動状況は他ページでも解説しておりますが ノンカスタムサイトでの
トップページ エントリーページでのみの作動ですが
カテゴリーページでは不作動ですので
トップページでのみ作動させ
他のページは通常のシリウスグローバルメニューで作動とする
としてください
エントリーページでもサイトが小さい スクリプトが少なめなら
作動しますが いつ不作動となるか確認ができないため
取り付けをしないとします
記載コード およびCSS3menu詳細はこちらを参照してください
CSS3menu|プルダウンソフトサイト導入方法
シリウスで表示させているグローバルメニューが今ある場合は
そのままにしておきます
CSS3menuメニューは 当サイトのJMENUプラグインと違い
シリウスグローバルメニューの上に重なるので
下にあるグローバルメニューには影響しません
トップページのグローバルメニュ―だけ CSS3menuメニューが
上から覆いつくしシリウスメニューは下に隠れるのでメニューを
クリック出来ないとなるのです
以下参照
上記画像では 縦サイズが少なめで 下にあるメニューが見えますね
このような場合は 下にあるグローバルメニューの縦サイズをスタイルシートで
指定し小さくして見えなくします
HTML内の記載は
HEAD section をhead内に
BODY sectionを ヘッダーの下に配置して終了です
スポンサーリンク
CSS3menu シリウスグローバルメニューへの切り替え設置方法
CSS3menu|シリウスへプルダウンソフトサイト導入方法
シリウスグローバルメニューをプルダウンメニューへ変更する方法
シリウスカスタマイズトップ
- シリウストップページのグローバルをプルダウンメニュー変更する手順
- シリウスのデフォルトグローバルメニューをトップページのみですがプルダウンスタイルに実装設置するカスタマイズ手順を解説いたします
- CSS3menu|シリウスへプルダウンメニュー導入方法
- シリウスカスタマイズコンテンツの jMenuプラウグイン公式サイトで有償 無償で配布されるCSS3menu プルダウンメニューソフトの設置方法の補助解説になります
- CSS3menu シリウス導入後の検証報告
- CSS3menuをシリウスに導入致しました結果の検証報告です ソフトシステムにより簡単にプルダウンメニューをカスタマイズ導入は出来るのですが 障害もあります
- CSS3menu ソフト操作方法
- CSS3menuでプルダウンメニューを作成する ソフトの操作方法を解説します 操作は基本を知れば簡単に進められます シリウスカスタマイズテーマ ソフト操作方法