TOP

プダウン形態のナビゲーション

シリウス1.5にバージョンアップplusで追加されたニューテンプレートですが、....
さて、お気に召されたのでしょうか?

 

ま、好みは人それぞれですね..
しかし、私の理解で申しわけないのですが、まずグローバルナビのデザインがなんか
ダサイ...と感じてしまいまして、ややの加工...それでもなんか不足....
今時は格納メニューからの一覧表示が通常形成では...?という理解のもと仕様を
入れ替えカスタマイズしました...
当サイト例..Gナビポチでプルダウン作動します...

 

パソコン閲覧状態では、サイト内容をできる限り訪問者へわかりやすく伝えたいという
趣旨は皆さん思うこと...でしょう..

 

シリウスデフォルトのGナビでは、せいぜい5つか6つしか表示できない...
しかし、メニューを複数格納することができれば、多くの情報ページを案内することが
できる...それがこの仕組みなんですね..

 

重要..
当解説は、シリウス新テンプレートのデフォルトのみ対応で..
ビジネステンプレートに入れ込んでもずれあり...のレイアウト崩れとなります..
構造が違うということなんですね..
ビジネスについては、合わせコードはできていますが、障害の検証中...
後ほど別サイトで公開します...

 

 


 

○..取り付け方法...仕組みの概要...○

 

まず、作業上..現時点グローバルナビを設定していることを前提としますね...
シリウスグローバルナビをプルダウンメニューへ切り替えるということではありません...

 

デフォルトでもスマホではハンバーガーメニュー表示と変化しますね..
その仕様だけは維持するのです...

 

プルダウンへ切り替えるのはパソコン画面だけ...
当ページの画面を縮小して作動確認...ご理解ください...

 

 

○..構造について.....○

 

スタンダートな作動であれば、HTML、CSS指定で動きますが、複雑化するとなると
jqueryも組み込む必要がございます..

 

面倒か?
当サイト提供のソースコードをコピーして張り付ければ...さほどでもございません..
(好みで書き換えの必要はございます)

 

 

やや複雑化したサイト例も参照ください...

 

親サイト..スクロール上固定
シリウスカスタマイズ | オンラインマニュアルLibrary

 

スクロールで一度隠れて、色違いで再登場
シリウスレスポンシブテンプレート専用のカスタマイズまとめ

 

スクロールで一度隠れて、再登場
シリウスサイトに取り付け可能なCSS装飾品?.まとめ

 

 

上例関連サイトのようなスタイルもニューテンプレートへ取り付けは可能ですが
正常な作動ができるかどうか...修正しながら検証以降...追記してまいりますね

 

まずは、スタンダートタイプ...
現時点の当サイト例で記載を始めますので以下のメニューよりお進みください...

 

○..以下、エントリーページに格納する情報でお勧めください.....○

シリウスニューテンプレートにデフォルト装備のGナビゲーションを複数の格納メニューで一覧表示する形態へ切り替える...入れ替えるでしょうか?では、HTMLでのコード配置、スタイルシートへの指示コードまとめて記載します。ただし、記載コードは現時点の当サイト例...他スタイルは巻末の案内リンクでご確認くだ...