English Deutsch Español Italiano Русский Svenska 日本語

概要

CSS3は、ウェブサイトの構築方法を変えている。あるブラウザにおいて対応されていないためにCSS3を使い始めたがらない人が依然多くいるにもかかわらず、CSS3の格好良い新しい機能をもって、前進して素晴らしいことを行っている人たちもいる。ボタンやメニューの操作などの、見栄えの良いウェブサイトの要素を作成するのにJavaScriptと画像にあまり依存する必要はなくなりました。

画像とJavaScriptなしで、格好良い丸角の操作メニューを構築可能。また、新しいCSS3のborder-radiusとアニメーションを効果的に使用可能。このメニューは、Firefox, Opera, Chrome、そしてSafariで使用可能。ドロップ・ダウン・メニューも、CSS3に互換性のないブラウザ(例:IE7+)で使用できますが、丸角とshadowはレンダーリングされません。CSS3 transitionは、ある日、よく使われる、おしゃれなjQueryアニメーションのトリックに替わるでしょう。

メニュー機能

  • JavaScript不要
    JavaScriptが無効とされた、もしくはJavaScriptに対応していないブラウザにおいて、使用可能。

  • レスポンシブ・メニュー
    メニューが滑らかに視聴環境に適応。 レスポンシブ・メニューのデモを観る・・・

  • SEに友好的
    検索エンジンとテキストのみのブラウザに友好的。

  • 対応するブラウザ
    全ての近代的なブラウザに対応(IE6においては、トップ・レベルのアイテムはアクセスのみ)。

  • 対応可能な機器
    全ての近代的な機器に対応(iPhone, iPad, Android, BlackBerry, Windows Phone)。

  • GUIインターフェイス
    ビジュアル・デザイン・ユーザー・インターフェイスは、複雑な手動でのコーディングを必要とせずにメニューを作成することを可能にする。プレビュー・ウィンドウを使って、デベロップ、そしてカスタム化しながら、メニューのデザインを見る。

  • 100%CSS主導のデザイン
    メニューはリンクのHTMLリスト(UL/LI構造)とCSSのみに基づいている。CSSではないパラメーターを追加で使用することはありません。

  • 素晴らしいCSS3のプロパティー
    マルチ・レベルのドロップ・ダウン・メニューは CSS3丸角 (CSS3 border-radius)、CSS3 shadow (box-shadow と text-shadow)を使って作成。
    不透明度、背景、そしてフォントの色、線形グラデーション」 、そしてradial CSS3グラデーション にも対応。
    ドロップ・ダウンの表示、 フェード、スライダー等に関しては、CSS3のみの効果。

  • 多層カラム・サブメニューを持つ、メガ・メニュー
    多層カラム・サブメニューを持つ、 メガ・メニュー 多層カラム・サブメニューを持つ、メガ・メニューを作成。何列欲しいのか特定。

  • 小さいサイズ
    メニューを即時にロード。追加のファイルは使用しません。




フル版を入手

CSS3メニューは非営利使用に関しては無料。学校のウェブサイト、非営利のブログ、もしくはNPOのウェブサイト上でCSS3のメニューをご使用になりたい場合、CSS3メニューをダウンロードして無料で使用可能。

商業用の使用に関してはライセンス料が必要。CSS3メニューの商業用版は、多層カラムを作成する選択肢を追加で提供、また追加のメニューのテンプレートとアイコンのセットを提供。安全なフォームを通してお支払いを完了された後、メールで即時にライセンス情報を送信いたします。最も適切な支払方法を選択:クレジット・カード、口座振り込み、チェック、PayPal等。




ヘルプ

参照:

専門的な質問
ライセンスについての質問
最近の質問

格好良いアニメーションのCSS3メニューをJavaScript無しで作成する方法

CSS3 Menu gui screenshot

1) CSS3メニュー・ソフトウェアを開く をクリックして、CSS3メニューのツールバー上の、「アイテムを追加」 と 「サブメニューを追加」 ボタンをクリックして、メニューを作成。「アイテムを削除」を使ってボタンを削除可能。

2) すぐに使用可能なテンプレートを使用。」 そのためには、「テンプレート」リストにおいてお好きなテーマを選択してください。お好きなテーマをダブルクリックして適用。

3) メニューの表示を変更。
 3.1. アイテムをクリックして選択。ボタンの表示をnormalとhover間で変更、ボタンのリンクのプロパティーを設定、そしてターゲット属性を「メイン・メニュー」タブ上にリンク。
 3.2. クリックしてサブメニューのアイテムを選択。サブメニューの表示をnormalとhover間で変更。サブメニューのアイテムのリンクのプロパティーを設定。そしてターゲット属性を「サブメニュー」タブ上にリンク。

4) メニューを保存。
 4.1. プロジェクト・ファイルを保存。 プロジェクトを保存するには、ツールバー上の「保存」 ボタンをクリック、もしくはメイン・メニューにおいて「保存」か「名前を付けて保存」を選択。
 4.2. HTMLフォーマットにおいてメニューを投稿。 これを行うには、ツールバー上の「投稿」 ボタンをクリック。



お問い合わせ

CSS3メニュー
トラブルシューティング、機能のご要望、そして一般的なヘルプに関しては、カスタマー・サポートE-mail: Mail までご連絡ください。ブラウザ、OS,CSS3メニューのバージョン、そしてウェブサイトへのリンクの情報を含んでください。
殆どの場合において、1営業日以内に返信いたします。 まず FAQ をお読みになって、ご質問がすでに解決されているかご確認ください。
E-mail: Mail

より多くのテンプレート

より多くのテンプレート

参照: