アメブロカスタマイズ Ame Book

アメブロカスタマイズ Ame Book

Ame Bookではアメーバブログのカスタマイズに役立つ情報を紹介します

アメーバブログカスタマイズサイト
ホームページの基本
xhtmlタグ辞典
CSS(スタイルシート)辞典
Amebaでブログを始めよう!

アメーバメニュージェネレーター


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


Ameba Menu Generatorの主な機能と説明


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


Ameba Menu Generatorの対応ブラウザ


Ameba Menu Generatorを利用するにはChrome11, Firefox4.0, Safari5, IE9, Opera11以上の最新バージョンが必要になります。

※IE9では「ブロックされているコンテンツを許可(A)」をクリックして使用してください。許可なしでは正常に動作しません。


メニュー項目は?


メニュー項目は、初心者の方でも簡単に設置できるように、アメブロでよく使われている5項目のメニューで設定してあります。

又メニューで表示される文字は英語、日本語を選択できます。


メニューの設置箇所は?


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


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


背景色(a:hover):とフォント色(a:hover):の箇所がマウスがメニューに乗った時の色になります。

マウスがメニューに乗ったときの効果はpreview(プレビュー)で確認できるようにしてあります。

又css3対応ブラウザではhover(マウスがメニューに乗ったとき)に色の変化がゆっくり変わるようにしてあります。


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


各コード下に貼り付けボタンが設置してあるのでそれをクリックすると貼り付ける箇所に移動するようにしてあります。


その他


角丸と高さ、幅を上手く組み合わせると丸いボタンのメニューも作成出来ます。

又ボーダーの使用しだいではユニークなデザインが出来ると思います。


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