CSS3 Menu. Kostenloser CSS-Menü-Editor

Überblick

CSS3 ändert die Art, wie wir Webseiten bauen. Obwohl sich viele von uns noch wehren CSS3 zu benutzen, da es einige Browser noch nicht unterstützen, gibt es auch welche die den Fortschritt antreiben und beeindruckend Sachen mit seinen coolen, neuen Funktionen anstellen. Wir sind nicht mehr auf so viel JavaScript und Bilder angewiesen um toll aussehende Webseiten-Elemente wie Schaltflächen und Menü-Navigationen zu erstellen.

Sie können ein cool abgerundetes Navigations-Menü ohne Bilder und ohne JavaScript erstellen und effektiv Gebrauch der neuen CSS3-Eigenschaften 'border-radius' und 'animation' machen. Dieses Menü funktioniert perfekt mit Firefox, Opera, Chrome und Safari zusammen. Das Dropdown funktioniert auch mit nicht-CSS3-kompatiblen Browsern wie IE7, aber die abgerundeten Ecken und Schatten werden nicht gezeichnet werden. CSS3-Übergänge könnten eines Tages all die schnieken jQuery-Animationstricks ablösen, die die Leute heutzutage benutzen.

Menü-Funktionen

Kein JavaScript nötig
Funktioniert in Browsern mit deaktiviertem JavaScript und Browsern die überhaupt kein JavaScript unterstützen.
Reaktives Menü
Das Menü passt sich geschmeidig an das Darstellungs-Umfeld an. Beispiel zum reaktiven Menü..
Suchmaschinen-kompatibel
Kompatibel mit Suchmaschinen und reinen Text-Browsern.
Browser-Unterstützung
Unterstützt alle modernen Browser (in IE6 sind nur die hierarchisch höchsten Elemente erreichbar).
Unterstützte Geräte
Unterstützt alle modernen Geräte (iPhone, iPad, Android, Blackberry, Windows Phone).
Benutzeroberfläche
Eine visuelle Design-Benutzeroberfläche erlaubt Ihnen die Erstellung Ihrer Menüs ohne komplexes Programmieren. Mit dem Vorschaufenster können Sie Ihr Menü betrachten, noch während Sie es entwickeln und anpassen.
100% CSS-basierende Designs
Das Menu basiert nur auf HTML-Listen von Links (UL/LI Struktur) und CSS. Keine zusätzlichen nicht-CSS-Parameter werden benutzt.
Großartige CSS3-Eigenschaften
Multi-Level Dropdownmenüs werden mit CSS3 abgerundete Ecken ( CSS3 Rahmenradius), CSS3 Schatten erstellt (Box-Schatten und Text-Schatten).
Transparenz, Hintergrund und Schriftfarbe Lineare Gradienten und radialer CSS3 Gradienten werden auch unterstützt.
Reiner CSS3-Effekt für Dropdown-Erscheinung, Ausblend, Schiebe, etc.
Megamenü mit Multi-Spalten Untermenüs
Erstellen Sie Megamenüs mit Multi-Spalten Untermenüs. Geben sie die Anzahl der Zeilen an, die Sie haben möchten.
Kleine Größe
Sofortiges Laden des Menüs. Benutzt keine zusätzlichen Dateien.

Vollversion erwerben

CSS3Menu ist für den nicht-kommerziellen Gebrauch kostenlos. Wenn Sie CSS3Menu auf einer Schulseite, Ihrem nicht-kommerziellen Blog oder Webseite Ihrer non-profit-Organisation benutzen wollen, laden Sie einfach CSS3Menu herunter und benutzen Sie es kostenlos.

Bei kommerzieller Nutzung wird eine Lizenzgebühr fällig. CSS3 Menu Commercial Edition bietet zusätzlich die Möglichkeit Menüs mit mehreren Spalten zu erstellen und enthält erweiterte Sets von Menüvorlagen und Symbolen. Nachdem Sie die Zahlung per sicherem Formular abgeschlossen haben, bekommen Sie sofort Ihre Lizenzinformationen per E-Mail. Sie können unter folgenden Zahlungsmethoden auswählen: Kreditkarte, Banküberweisung, Scheck, PayPal, etc.

Hilfe

Sehen Sie auch:

Technische Fragen
Lizenzfragen
Neueste Fragen

Wie man cool animierte CSS3-Menüs ohne JavaScript baut

CSS3 Menu gui screenshot

1) Öffnen Sie CSS3 Menu und klicken Sie auf "Element hinzufügen" und "Untermenü hinzufügen" auf der CSS3 Menu-Werkzeugleiste um Ihr Menü zu erstellen. Sie können auch "Element löschen" benutzen, um Schaltflächen zu entfernen.

2) Vorgefertigte Vorlagen benutzen. Um das zu tun, wählen Sie ein Thema aus der Vorlagen-Liste aus, das Ihnen gefällt. Doppelklicken Sie das Thema an, das Sie verwenden möchten.

3) Passen Sie die Erscheinung des Menüs an.
3.1. Wählen Sie ein Element durch Anklicken aus und ändern Sie die Schaltflächen-Erscheinung für normalen und gehoverten Zustand und setzen Sie Schaltflächen-Link-Eigenschaften und Link-Ziel-Attribute im "Hauptmenü"-Register aus.
3.2. Wählen Sie ein Untermenü-Element durch Anklicken aus und ändern Sie die Untermenü-Erscheinung für normalen und gehoverten Zustand und setzen Sie Untermenü-Element-Link-Eigenschaften und Link-Ziel-Attribute im "Untermenü"-Register aus.

4) Speichern Sie Ihr Menü ab.
4.1. Speichern Sie Ihre Projektdatei ab. Um das Projekt zu speichern klicken Sie auf "Speichern" in der Werkzeugleiste oder wählen Sie "Speichern" oder "Speichern als..." im Hauptmenü aus.
4.2. Veröffentlichen Sie Ihr Menü im HTML-Format. Um das zu tun, klicken Sie auf "Veröffentlichen" in der Werkzeugleiste.

Kontaktieren Sie uns

CSS3 Menu
Für Fehlerbehebung, Funktionswünschen und allgemeine Hilfe kontaktieren Sie den Kundensupport unter Mail . Geben Sie unbedingt Details zu Ihrem Browser, Betriebssystem, der CSS3 Menu Version und einen Link zu Ihrer Seite an. In den meisten Fällen erhalten Sie innerhalb eines Werktages eine Antwort. Bitte lesen Sie die FAQ um zu schauen, ob Ihre Frage bereits beantwortet wurde.
E-mail: Mail