
★新URL:http://20kaido.com/
★新RSS:http://20kaido.com/index.rdf
いままでFC2ブログで5年間、お世話になりました。感謝です。
移転先でもよろしくお願いいたします!
二十歳街道まっしぐら(FC2ブログ時代)人気記事TOP50まとめ
かっこいいメニューバーが簡単に作れちゃうジェネレータ「MenuBuilder」

知識いらず!誰でも作れちゃうかっこいいメニュー
「MenuBuilder」はメニューバーを作ってくれるジェネレータです。
グラデーションやマウスオーバーも実装できます。
色を選んで、パターンを指定したらおしまい!
簡単すぎ!
画像およびHTML(CSS)もダウンロードできるので、使い回ししやすいです。
以下に使ってみた様子を載せておきます。
グラデーションやマウスオーバーも実装できます。
色を選んで、パターンを指定したらおしまい!
簡単すぎ!
画像およびHTML(CSS)もダウンロードできるので、使い回ししやすいです。
以下に使ってみた様子を載せておきます。
かっこいいメニューアイコンをつくる
まず「MenuBuilder」にアクセスします。
メニューはグラデーションになります。

上側がデフォルトで下側がマウスオーバーのときです。
そしてお次は、メニューのパターンを指定します。

あと、横に並べるのか、縦に並べるのかも選択しましょう。
「Generate&Preview」すると、最上部で仕上がりを確認できます。

「Download」ボタンをクリックすると、画像とHTML(CSS)を一括でダウンロードできます。

HTMLファイルを開くと、このように先ほど作ったメニューが実装されています。

HTML内にスタイルシートがかかれています。
メニューをかっこよくしたい!って方におすすめです。
欲をいえばボタンの大きさや幅なども指定できるとよかったですねー!
(本記事で紹介したサイト:MenuBilder.me)
メニューはグラデーションになります。

上側がデフォルトで下側がマウスオーバーのときです。
そしてお次は、メニューのパターンを指定します。

あと、横に並べるのか、縦に並べるのかも選択しましょう。
「Generate&Preview」すると、最上部で仕上がりを確認できます。

「Download」ボタンをクリックすると、画像とHTML(CSS)を一括でダウンロードできます。

HTMLファイルを開くと、このように先ほど作ったメニューが実装されています。

HTML内にスタイルシートがかかれています。
メニューをかっこよくしたい!って方におすすめです。
欲をいえばボタンの大きさや幅なども指定できるとよかったですねー!
(本記事で紹介したサイト:MenuBilder.me)
- 関連記事
http://tokuna.blog40.fc2.com/tb.php/2003-efac8927