CSS3のナビゲーションが簡単に作成できる無料のソフトウェア -CSS3 Menu

あらかじめ用意された豊富なテンプレートから簡単にCSS3のナビゲーションを作成できる無料のソフトウェアを紹介します。

ナビゲーションのサンプルのキャプチャ

CSS3 Menu. Free CSS Menu Maker

CSS3 MenuはWindows版とMac版の二つがあります。
下記はWindows版のキャプチャです。

CSS3 Menuのキャプチャ

CSS3 Menuの画面

CSS3 Menuの使い方

使い方は簡単で、CSS3やHTMLに詳しくなくても作成できると思います。

  1. 「+」ボタンをクリックして、ラベルの数を増やします(下記キャプチャ)。
    「-」ボタンは数を減らします。
  2. 右側のパネルのテンプレートからナビゲーションのデザインを選択します。
  3. カスタマイズが必要な場合は、下のパネルからデザインをはじめ、文言・リンクなどが変更できます。
  4. 完成したら、「ディスクアイコン」をクリックしてCSS3 Menu用に保存します。
    HTML+CSS+画像ファイルを生成する場合は、「Publish」ボタンをクリックします。
CSS3 Menuのキャプチャ

生成は一瞬で完了します。

HTML

HTMLはシンプルなリスト要素で実装されています。

詳しい使い方は、下記ページを参照ください。
How to use

また、各テンプレートのオンラインデモも用意されています。
Demo

sponsors

top of page

©2018 coliss