メニューを使ったディレクトリ内のページインデックス

 
任意のディレクトリ(BiNDで言うコーナー)の中にある複数ページのインデックスをページの上部に置く提案ブロック。複数のページに置くため、名前をつけて共有として設定することが管理しやすいでしょう。
その時、今見ているページがわかるようにしたいと考えたとき、通常のリンクとCSSの組み合わせでは対応できません。それを解決する方法がDRESSでの管理です。DRESSには現在地という項目が設定できるので上記のように今見ているページのタブ(項目)だけを変えてわかるようにできます。

項目を4方線で囲むスタイルでボタンのような形状としています。現在地を目立つ色(メインカラー等)としています。

navigation_002_2

navigation_002_3

navigation_002_4

navigation_002_6


  • メニューA > リスト項目 で横幅を指定して項目数が並ぶように設定しています。
  • リンクの背景色・文字色、マウスオーバーの背景色・文字色、現在地の背景色・文字色はDRESSから変更可能です。

Tablet View


navigation_002_2
 

navigation_002_3
 

navigation_002_4
 

navigation_002_6

SP View


navigation_002_2
 

navigation_002_3
 

navigation_002_4
 

navigation_002_6