Rヘッダー設定(グローバルメニュー)

『TAテーマ001: Version 2.07以降』の『レスポンシブデザイン』共通設定(グローバルメニュー)の説明です。

 

ご覧になりたい項目をクリックしてください

グローバルメニュー共通設定

縦型グローバルメニュー

R共通設定(グローバルメニュー)グローバルメニュー共通設定

実例

responsive_gm2

レスポンシブデザイン有効時のグローバルメニューの設定です。項目を入力して設定ページの下部にある”レスポンシブデザイン『グローバルメニュー』設定更新”をクリックすると選択が確定します。

① グローバルメニューの表示 ※ 通常画面で表示されている場合に有効です。

② グローバルナビの上側余白(縦型、横型両方に有効)

③ グローバルナビの下側余白(縦型、横型両方に有効)

左下図は横型(パソコン用横型の設定を流用)の説明です。

④ 横型グローバルナビの表示方法(無効の場合は左右余白無し。横型のみに有効)

⑤ 横型グローバルナビテキストのサイズ比(パソコン用横型のテキストサイズに対しての比率。横型のみに有効)

⑥ 横型グローバルナビメニュー全体高さのサイズ比(パソコン用横型のメニュー全体高さに対しての比率。横型のみに有効)

R共通設定(グローバルメニュー)縦型グローバルメニュー
縦型グローバルメニュー(メニューボックス)設定

実例

レスポンシブデザイン有効時の縦型グローバルメニュー(メニューボックス)の設定です。項目を入力して設定ページの下部にある”レスポンシブデザイン『グローバルメニュー』設定更新”をクリックすると選択が確定します。

① 縦型グローバルメニューが有効です。

② メニューボックス文字

③ メニューボックス文字の色

④ メニューボックス(背景)の色

⑤ メニューボックス文字のサイズ

⑥ メニューボックス文字の太さ

⑦ メニューボックスの表示方法(無効の場合は左右余白無し)

⑧ メニューボックス文字の位置

⑨ メニューボックス文字の端余白(50%以下:位置が中央の場合は無効)

⑩ メニューボックスボックスの高さ(文字の上下にpadding加算されます)

⑪ メニューボックス文字のHOVER(マウスポインターが上に来た時の)色

⑫ メニューボックス(背景)のHOVER(マウスポインターが上に来た時の)色

縦型グローバルメニュー(メイン・サブメニュー)設定

実例

responsive_gm6

レスポンシブデザイン有効時の縦型グローバルメニュー(メイン・サブメニュー)の設定です。項目を入力して設定ページの下部にある”レスポンシブデザイン『グローバルメニュー』設定更新”をクリックすると選択が確定します。

① メインメニューの高さ(文字の上下にpadding加算されます)

② メインメニューテキストの前に付けるマーカー

③ メインメニュー幅(メニューボックスに対するメインメニューバーの比率)

④ メインメニューテキストサイズ

⑤ メインメニューテキストの太さ

⑥ メインメニューテキストの色

⑦ HOVER時のメインメニューテキスト色

⑧ メインメニューテキストの背景色

⑨ HOVER時のメインメニューテキスト背景色

⑩ メインメニューテキストの位置

⑪ メインメニューテキストの端余白(50%以下:位置が中央の場合は無効)

⑫ サブメニューの高さ(文字の上下にpadding加算されます)

⑬ サブメニューテキストの前に付けるマーカー

⑭ サブメニュー幅(メインメニューバーに対するサブメニューバーの比率)

⑮ サブメニューテキストサイズ

⑯ サブメニューテキストの太さ

⑰ サブメニューテキストの色

⑱ HOVER時のサブメニューテキスト色

⑲ サブメニューテキストの背景色

⑳ HOVER時のサブメニューテキスト背景色

㉑ サブメニューテキストの位置

㉒ サブメニューテキストの端余白(50%以下:位置が中央の場合は無効)

  • LINEで送る


ta_thm001_downloadta_designing