TOP

CSS3menu グローバルメニューへの切り替え方法

2014 1214更新
シリウスグローバルメニューカスタマイズテーマ 切り替え

 

シリウスにCSS3menu出作成したグローバルタイプのメニューを
設置するためには事前に特徴をご確認ください

 

CSS3menuで作成したグローバルメニューは 作成時に100%widthで
指定すれば横サイズがカラムのサイズに自動であわされます

 

以下のように記事カラムに設置すればそのカラムサイズになるのです

 

ですのでグローバル指定箇所に入れればサイト幅にあわされるのです

 

ただし 縦幅に問題あり

 

CSS3menuで作成されるメニューは縦サイズがシリウスグローバルとの
サイズにずれがあります

 

シリウスのグローバルメニューと同サイズならよいのですが異なる
サイズのメニューを選択した場合は スタイルシートで縦幅を調整することに
なります

 

 

作動状況は他ページでも解説しておりますが ノンカスタムサイトでの
トップページ エントリーページでのみの作動ですが
カテゴリーページでは不作動ですので

 

トップページでのみ作動させ
他のページは通常のシリウスグローバルメニューで作動とする 
としてください

 

エントリーページでもサイトが小さい スクリプトが少なめなら
作動しますが いつ不作動となるか確認ができないため
取り付けをしないとします

 

 

 

記載コード およびCSS3menu詳細はこちらを参照してください
CSS3menu|プルダウンソフトサイト導入方法

 

シリウスで表示させているグローバルメニューが今ある場合は
そのままにしておきます

 

CSS3menuメニューは 当サイトのJMENUプラグインと違い
シリウスグローバルメニューの上に重なるので 
下にあるグローバルメニューには影響しません

 

 

トップページのグローバルメニュ―だけ CSS3menuメニューが
上から覆いつくしシリウスメニューは下に隠れるのでメニューを
クリック出来ないとなるのです

 

以下参照

 

上記画像では 縦サイズが少なめで 下にあるメニューが見えますね

 

このような場合は 下にあるグローバルメニューの縦サイズをスタイルシートで
指定し小さくして見えなくします

 

 

 

HTML内の記載は

 

 

HEAD section をhead内に

 

BODY sectionを ヘッダーの下に配置して終了です

 

 

 

スポンサーリンク

 

 

CSS3menu シリウスグローバルメニューへの切り替え設置方法
CSS3menu|シリウスへプルダウンソフトサイト導入方法
シリウスグローバルメニューをプルダウンメニューへ変更する方法
シリウスカスタマイズトップ

 

CSS3menu シリウスグローバルメニューへの切り替え設置方法関連解説
シリウストップページのグローバルをプルダウンメニュー変更する手順
シリウスのデフォルトグローバルメニューをトップページのみですがプルダウンスタイルに実装設置するカスタマイズ手順を解説いたします
CSS3menu|シリウスへプルダウンメニュー導入方法
シリウスカスタマイズコンテンツの jMenuプラウグイン公式サイトで有償 無償で配布されるCSS3menu プルダウンメニューソフトの設置方法の補助解説になります
CSS3menu シリウス導入後の検証報告 
CSS3menuをシリウスに導入致しました結果の検証報告です ソフトシステムにより簡単にプルダウンメニューをカスタマイズ導入は出来るのですが 障害もあります
CSS3menu ソフト操作方法
CSS3menuでプルダウンメニューを作成する ソフトの操作方法を解説します 操作は基本を知れば簡単に進められます シリウスカスタマイズテーマ ソフト操作方法