CSS3のナビゲーションが簡単に作成できる無料のソフトウェア -CSS3 Menu
Post on:2010年9月9日
sponsors
あらかじめ用意された豊富なテンプレートから簡単にCSS3のナビゲーションを作成できる無料のソフトウェアを紹介します。
CSS3 Menu. Free CSS Menu Maker
CSS3 MenuはWindows版とMac版の二つがあります。
下記はWindows版のキャプチャです。
CSS3 Menuの画面
CSS3 Menuの使い方
使い方は簡単で、CSS3やHTMLに詳しくなくても作成できると思います。
- 「+」ボタンをクリックして、ラベルの数を増やします（下記キャプチャ）。
「-」ボタンは数を減らします。 - 右側のパネルのテンプレートからナビゲーションのデザインを選択します。
- カスタマイズが必要な場合は、下のパネルからデザインをはじめ、文言・リンクなどが変更できます。
- 完成したら、「ディスクアイコン」をクリックしてCSS3 Menu用に保存します。
HTML+CSS+画像ファイルを生成する場合は、「Publish」ボタンをクリックします。
生成は一瞬で完了します。
HTML
HTMLはシンプルなリスト要素で実装されています。
|
1 2 3 4 5 6 7 |
<textarea name="code" class="html" cols="60" rows="5"> <ul id="css3menu"> <li class="topfirst"><a href="#" title="Item 0">Item 0</a></li> <li class="topitem"><a href="#" title="Item 1">Item 1</a></li> <li class="toplast"><a href="#" title="Item 2">Item 2</a></li> </ul> </textarea> |
詳しい使い方は、下記ページを参照ください。
How to use
また、各テンプレートのオンラインデモも用意されています。
Demo
sponsors
