クールなドロップダウンメニューをオンラインで作成ダウンロードして使える「Pure CSS Menu」

2009-10-01 | Sigeo | 0 | カテゴリ WEBツール・サービス

かっこいいドロップダウンのCSSメニューを作りたいというとき、色々なところで作り方を調べたりするかと思います。

そんなときに手っ取り早くクールなCSSメニューを作れてダウンロードして使えるサービスをご紹介。

「Pure CSS Menu」は、オンラインでダウンロードしてそのまま使えるドロップダウンCSSメニューを作れるサービス。日本語も問題なく設定できます。

↑「製品情報」→「サポート」→「サポートセンター」のようにマウスオーバーで注釈を付ける設定も可能。

↑このようなプルダウンメニューがオンラインでカンタンに出来てしまいます。

Pure-CSS-Menu ↑Pure CSS Menuのページを開いて、プレビューを見ながら設定することが出来ます。設定するのはメニューの文言とフォント、デザイン（テンプレートから選択可能）だけで、出来上がったらダウンロード。

ダウンロードした画像とHTMLファイル ↑ダウンロードして解凍すると、中にはCSSとHTMLタグが書かれたHTMLファイルと画像のセットが入っています。

Pure-CSS-Menu3 ↑CSSを別ファイルにしたい場合は、HTMLファイルを開いてCSSの部分を自分のCSSファイルへ貼り付け、メニューのHTMLタグを自分のサイトの表示させたい部分へ貼り付けます。

全8種類のテンプレートデザイン ↑横型ナビゲーションが６種類、縦型も２種類用意されているので、デザインに自信がなくても心配ありません。

試してみたい方はPure CSS Menuへどうぞ。

しかし、どんどんカンタンにクオリティの高いデザインが出来るようになってきますよね。自分でこなす中小零細企業の経営者にも喜ばれそうなツールのひとつになりそう。

スポンサードリンク

初心者でもカンタンにクールなCSSのドロップダウンメニューを作れる便利なオンラインツール。