Ameba Menu Generator

basic settings
アメブロID:
メニュー:
使用しているデザイン:
フォントスタイル:

アメブロで使用しているレイアウトを選んでください。

menu bgcolor
背景:
文字色:
背景色(a:hover):
文字色(a:hover):
menu border
ボーダー:
ボーダー色:
ボーダー幅:
menu setting
メニュー位置:
文字の配置:
角丸設定:
横幅:
高さ:
文字サイズ:
文字の縦位置:
上下余白:
メニュー間隔:
左右余白:
jquery

Ameba Menu Generatorの主な機能と説明

Ameba Menu Generatorはアメブロのカスタマイズで人気のある横並びメニューをプレビューを見ながら作成出来るようにしてあるので、カスタマイズ初心者の方でも簡単に作成出来ると思います。

Ameba Menu Generatorの対応ブラウザ

Ameba Menu Generatorを利用するにはChrome11, Firefox4.0, Safari5, IE9, Opera11以上の最新バージョンが必要になります。
※IE9では「ブロックされているコンテンツを許可(A)」をクリックして使用してください。許可なしでは正常に動作しません。

preview(プレビュー)に表示してあるブログサイズは?

preview(プレビュー)に表示してあるブログサイズは次のようにディフォルトサイズで表示してあります。
ブログ全体サイズ・・・980px
2カラム時skinMainAreaサイズ・・・665px
3カラム時skinMainAreaサイズ・・・470px

メニュー項目は?

メニュー項目は、初心者の方でも簡単に設置できるように、アメブロでよく使われている5項目のメニューで設定してあります。
又メニューで表示される文字は英語、日本語を選択できます。

メニューの設置箇所は?

メニューの設置箇所は、ヘッダー下もしくは、メインエリア上に設置できます。

マウスがメニューに乗ったときの効果

背景色(a:hover):とフォント色(a:hover):の箇所がマウスがメニューに乗った時の色になります。
マウスがメニューに乗ったときの効果はpreview(プレビュー)で確認できるようにしてあります。
又css3対応ブラウザではhover(マウスがメニューに乗ったとき)に色の変化がゆっくり変わるようにしてあります。

各コードを何処に貼り付けるのか分からない?

各コード下に貼り付けボタンが設置してあるのでそれをクリックすると貼り付ける箇所に移動するようにしてあります。
※アメブロの「サイドバーの配置設定」で「フリースペース」「フリープラグイン」を必ず使用する機能に配置してください。「フリースペース」「フリープラグイン」が使用する機能に配置されていないと横メニューは表示されません。

その他

角丸と高さ、幅を上手く組み合わせると丸いボタンのメニューも作成出来ます。
又ボーダーの使用しだいではユニークなデザインが出来ると思います。

以上がAmeba Menu Generatorの主な機能と説明でした。

ここまで読んでいただき、ありがとうございました。

公開日付:

Copyright © 2013簡単ホームページ作成支援-Detaramehp All Rights Reserved.