Header

header layout

ヘッダーレイアウトの見た目とコードを複数紹介します。以下目次から利用したいヘッダーを探して参考にしてください。

目次

スタンダード

ノーマルヘッダー ノーマルヘッダー
アイコンヘッダー アイコンヘッダー
ポップアップメニューヘッダー ポップアップメニューヘッダー
センターロゴヘッダー センターロゴヘッダー
左寄せロゴヘッダー 左寄せロゴヘッダー

タブ

タブヘッダー タブヘッダー
タブ(アイコンなし)ヘッダー タブ(アイコンなし)ヘッダー
スクロールタブヘッダー スクロールタブヘッダー

スペシャル

透過ヘッダー 透過ヘッダー
半透過ヘッダー 半透過ヘッダー
伸び縮みするヘッダー 伸び縮みするヘッダー