シンプル・バー0009

全体図

構成

サイトタイトル × 1

検索窓 × 1

リンク × 4

用途

ヘッダー

フッター

備考

検索窓付きの基本的な構造でいろいろな用途に応用できます。

シンプル・バー0002をベースに検索窓を追加した構造で、左側にサイト名と検索窓、右側にリンクを寄せた構造です。

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