Tqoon web style

GNB

Gnb Area
  • - ヘッダー直下に位置し、全てのページで表示されます。
  • - 縦スクロールした際にGNBが上部にスクロールアウトする(隠れる)地点で、自動的に上段へ固定されます。
  • - 推奨するメニューの最大個数は「~7個」です。
  • - 各メニューの文字数(全角の時)が、42byteを超えないようにします(幅110px)。
logo
Gnb Menu
  • - 各メニューは規定されたサイズを遵守し、高さは「40px」とします。
  • - メニューボタンの "外側 margin値" は"top"と"bottom"のみ適用し、値は「15px」とします。
  • - メニューボタンの "内側 padding値" は「13px」です。
  • - 各メニューは、マウスオーバーした時に「現在選択されたメニューが何か」を表示しなければなりません。
logo