4 Free Dropdown with Flyout CSS Menus von Stu Nicholls

4 kostenlose Dropdown with Flyout CSS Menus

CSS Menus Logo
CSS Menus ist eine Webseite, welche Ihnen zeigt, wie man ungeordnete Listen nur (!) mit Hilfe von CSS in professionelle Menüs verwandeln kann. Die Menüs auf der Webseite von CSS Menus sind ‚Search Engine Friendly‘ und erlauben es Ihnen, das Layout ganz leicht an die jeweiligen Erfordernisse Ihres Webprojektes anzupassen. Die Webseite wird vom CSS-Papst Stu Nicholls von CSSplay betrieben und stellt Ihnen insgesamt 38 (nicht ganz fertige!) CSS-Menüs zum freien Download zur Verfügung.

CSS Menus ist in 4 Bereiche eingeteilt:

1. Single Level Menus (27 Menüs)
2. Dropdown Menus (4 Menüs)
3. Dropline Menus (4 Menüs)
4. Flyout Menus (3 Menüs)


Alle Menüs bilden nach Einbindung des Stylestheets eine Horizontale Navigation und können für private Projekte uneingeschränkt (Hinweis im Stylesheet nicht verändern) verwendet werden. Für kommerzielle Webseiten lesen Sie bitte die genauen Lizenzbedingungen (Fußbereich der Webseite). Die CSS-Menüs funktionieren in allen modernen und gängigen Browsern.

Wichtig(!):

In der heruntergeladenen Zip-Datei auf der Webseite von CSS Menus finden Sie nur(!) die HTML-Formatierung für die ungeordnete Liste und die Grafiken für das CSS-Menü.

Die Einbindung der CSS-Datei in den Quelltext (mit Standard-DOCTYPE) und die Platzierung der horizontalen Navigation im fertigen Beispiel müssen Sie selber durchführen. Um Ihnen diese Arbeit zu ersparen, habe ich mir die Mühe gemacht und für jedes CSS-Menü die entsprechenden Formatierungen vorgenommen.

Ich möchte Ihnen in loser Reihenfolge die gesamten 38 CSS-Menüs einzeln vorstellen und als fertige CSS-Menüs kostenlos zum Download zur Verfügung stellen. Beginnen möchte ich heute mit dem Bereich Dropdown Menus (4 Menüs).

4 kostenlose Dropdown with Flyout CSS Menus

Beispiel 1 (Default) ansehen – Grafik anklicken
Default

Beispiel 2 (Pull up1) ansehen – Grafik anklicken
Pull Up1

Beispiel 3 (Centered) ansehen – Grafik anklicken
Centered

Beispiel 4 (Animated) ansehen – Grafik anklicken
Animated

Beispiele (als Zip-Datei) herunterladen:

Nr. 1 (Default) – 17,1KB
Nr. 2 (Pull up1) – 22,1KB
Nr. 3 (Centered) – 33,8KB
Nr. 4 (Animated) – 30,5KB

Tweet about this on TwitterShare on Google+0Share on Facebook0Email this to someone

Gedanken zu “4 Free Dropdown with Flyout CSS Menus von Stu Nicholls

  1. Pingback: 3 kostenlose CSS Menüs (Flyout) von Stu Nicholls | Suras Weblog

  2. Pingback: 4 kostenlose CSS Menüs (Dropline) von Stu Nicholls | Suras Weblog

Schreib einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *