アコーディオンメニューが簡単に作れるジェネレーター 『CSS Accordion Slider Generator』

Web上でよく使われるアコーディオンメニューを
簡単に作成できるWebサービス。
画面上で必要な項目を調整していくだけで
コピペだけで簡単にメニューを作成できます。

リンク先

CSS Accordion Slider Generator リンク先はこちらから

使い方

リンク先を開くと、左側が設定項目、画面中央がプレビュー画面、右側がHTML、CSSコードが
出力されています。
この左側の設定項目でアコーディオンメニューのデザインを設定していきます。
外観や配色を設定が可能です。
CSSコードは随時更新されていくので、コピペで使用可能です。

配色は画面中央のプレビューの上部から変更可能です。あらかじめテンプレートで
設定されているので、使いたいデザインを選択できます。
自分で細かく調整も可能です。

実際に出力されたHTML、CSSコードをコピペしてHTMLファイルを作ってみました。

こちらがサンプルのページの画面です。自分で作るとなると大変なアコーディオンメニューが
数分で作成可能です。クリックでしっかりとメニューの開閉も可能でした。