ナビメニュー

グローバルナビやサイドナビのメニューの色や動きも「みばえ」の範疇です。(enter改行だとスペースが入ります)

凝り始めるとキリがありません。take7では次を基準にします。(只今編集中)

 

 グローバルナビメニュー
(このボックスでは「shift+enter」だけで改行してください)
① マウスオンで子・孫のメニューを表示するドロップダウンスタイルを提供
・メニューの背景と縦線の色は任意指定可能

サイドナビメニュー

①幅260px・縦35pxのメニューバー
・枠と背景の色は任意指定可能
・マウスオン時、文字色の変化指定

②幅260px・縦30pxのメニューバー
・枠と背景の色は任意指定可能
・マウスオン時、背景色の変化指定可能

③ 幅260px・縦30pxのメニューバー
・マウスオンで子・孫のメニューを表示するフライアウトスタイルを検討中

 

ページを編集しながら「エディタ」のツール機能確認もしつつ・・・
現在、スタイルシートで指定している意匠が編集の画面でもおおよそ反映されるように設定しています。(「editor-style.css」を導入)
「タブメニュー」の場合、編集画面では、最初のタブメニューに対応する中身だけが表示され、その他は編集画面のタブをクリックしても表れません。したがって、その他の中身を編集する時は「テキスト」エディターに切替て編集します。

 

ナビメニューのことはタブメニューで解説を・・・

 

  • グローバルナビメニュー
  • サイドナビメニュー
  • その他
グローバルナビメニュー
① マウスオンで子・孫のメニューを表示するドロップダウンスタイルを提供・メニューの背景と縦線の色は任意指定可能
サイドナビメニュー
①幅260px・縦35pxのメニューバー
・枠と背景の色は任意指定可能
②幅260px・縦30pxのメニューバー
・枠と背景の色は任意指定可能
・マウスオン時、背景色の変化指定可能
③ 幅260px・縦30pxのメニューバー
・マウスオンで子・孫のメニューを表示するフライアウトスタイルを検討中
その他・・・検討中

 

本サイトの配色基準リスト
01 #1a1a1a
02 #333333 ★C01
03 #4d4d4d ★C02
04 #666666 ★C03
05 #808080 ★C04
06  #999999 ★C05
07 #b2b2b2
08 #cccccc ★C06
09 #e6e6e6
10 #f2f2f2 ★C07
11 #29CCCC
12 #CC0000
本文中の見出し配色レインボー
01 red
02 orange
03 yellow
04 green
05 blue
06  indigo
07 violet