ナガツカ製作所 メニューバー設置サンプル【ヘッダーエリア編】

ナガツカ製作所 メニューバー設置サンプル【ヘッダーエリア編】

デザイン&webユニット ナガツカ製作所 アメブロcss編集 メニューバーサンプル

Amebaでブログを始めよう!

テーマ:
ナガツカ製作所
 アメブロのメニューバーをかっこよくレイアウト


スマートホンでご覧の方は、ページ一番下の表示切替リンクから、パソコン版を表示してご確認ください。


サンプル:

よくあるヘッダ画像の下に横幅いっぱいに並ぶメニューバーをアレンジして、

ヘッダ画像の中に入れてみました。

メニューボタン

  • マウスオーバーでボタンに変化を加えることも可能です。

  • メニューボタンの文字は画像ではないので、後からご自分で変更することが出来、リンク先の変更もできます。

  • ボタンの数、幅によっては追加・削除も可能。


サイドバー

  • 枠線、見出し、文字の色、区切り線などが変更できます。


アイコン付ボタン

  • 「ブログトップ」「読者になる」などの基本ボタンも全体に合わせて色を変えたり、ワンポイントのアイコンをつけることができます。



既存テンプレートベースのカスタマイズはこちら

http://ameblo.jp/nagacre-temp1/




by ナガツカ制作所:

http://nagacre.kokomise.com

Ameba人気のブログ

Amebaトピックス