シンプル・バー0010

全体図

シンプル0010

構成

ロゴ × 1

サイトタイトル × 1

リンク × 4

ログインボタン × 1

用途

ヘッダー

フッター

備考

ログインが必要なサイト向けの基本的な構造のヘッダーパーツです。

シンプル・バー0008をベースにログインボタンを追加し、左側にロゴとサイト名、中央にリンク、右側にログインボタンを寄せた構造です。

グローバルナビゲーションで使用する場合、スマートフォンやタブレットなどにレスポンシブ対応させる必要があります。その際はこのまま使用せずにログインボタンをスティッキー(画面固定)対応、リンク部を折り畳み動作するようにした方がいいかもしれません。