Navigation mit CSS - Menüs ohne Skripte

CSS-Menügenerator

Kostenlose Tools zum Erstellen, Bearbeiten und Optimieren von HTML-Seiten

Der CSS Menügenerator erstellt ein Menü für die Webseite, das mit jedem Browser funktioniert.

netforfree / free of charge in the internet

kostenlose Homepagetools und Onlinetools

Homepagetools | Onlinetools | HTML-Tools | CSS-Generator | CSS-Menü-
generator
| Rollover-
Generator
| Scrollbar-
Generator
| Image Keeper Bilderschutz | Suchmaschinentools | Homepagevorlagen | Geld verdienen | Domain-Checkup |

Navigation mit CSS - Menüs ohne Skripte

Menüleisten gehören zum Alltag eines Webdesigners, kaum eine Site kommt ohne sie aus. Mit Fantasie und CSS kann man dabei auf den Einsatz von ladeintensiven Grafiken und Skripts verzichten.

Vorteile eines CSS-Menüs

Die Kombination aus Text, HTML und CSS bietet unschlagbare Vorteile im Vergleich zur Grafik und zu Skriptlösungen. Die Seite wird schnell geladen und ausgelagerte Formatierungen erlauben ein flexibles Design. Man muss sich nicht mit einem Grafikprogramm abmühen, um interessante Effekte zu erzielen. Der Verzicht auf Javascript bietet darüber hinaus eine größere Unabhängigkeit vom jeweils auf Clientseite eingesetzten Browser. Allerdings haben bekanntlich auch die neuesten Browser in Sachen CSS-Unterstützung ihre Macken.
 

CSS Menügenerator - CCS Linkgenerator

Der CSS Menügenerator erstellt ein Linkmenü für die Webseite, das mit jedem Browser funktioniert.

Einfach die Felder ausfüllen und auf Start drücken. Es öffnet sich ein neues Fenster mit einer Vorschau. Der Quelltext wird in der Textbox angezeigt.

Normal
  Breite   Pixel
  Textausrichtung   left, center, right
  Schriftart   Arial, Verdana, Tahoma, ...
  Schriftgröße   Pixel
  Schriftfarbe # FF00FF, green, red, ...
Hintergrundfarbe  #
  Rahmen Stil   solid, outset, inset, dotted, dashed
  Rahmen Breite   Pixel
  Rahmen Farbe #
Hoover
  Hintergrundfarbe #
  Rahmen Stil   solid, outset, inset, dotted, dashed
  Rahmen Breite   Pixel
  Rahmen Farbe #
  Schriftfarbe #     Fett      Kursiv







 

Vorgefertigte Menüs mit Cascading Style Sheets

Ian Main stellt auf seiner Homepage 9 vorgefertigte CSS Menüs kostenlos zur Verfügung. Diese fertigen CSS-Menüs zeigen sehr anschaulich, wie man die Menüs einer Website auch ohne Grafiken und dazu noch suchmaschinenfreundlich gestalten kann.

Ein gelungenes Beispiel für W3C-Konformes Webdesign.

Hier gehts zu den fertigen CSS Menüs von Ian Main: