Schlagwort-Archive: navi
Grafisches Menü für WordPress
Tutorial zur Erstellung eines grafischen Menüs für das CMS WordPress. Der Text befindet sich mit in der Grafik und der eigentliche Linktext wird ausgeblendet.
Navi includen – ohne Deppenlink
Wer kennt das nicht: Die Navigation einer bestehenden Site ändert sich und nun muss die Änderung bei wirklich jeder Seite eingetragen werden. Nervig und zeitaufwändig! Eine Menge Zeit spart man sich wenn man die navi per include einbindet. Diese Methode … Weiterlesen →
Navi – CSS-Tabelle
Ein horizontales Menü dessen Links teilweise zwei,- und/oder dreizeilig sind, lassen sich mithilfe einer CSS-Tabelle recht gut gestalten. Die Vorteile der Tabellendarstellung bestehen darin, dass die Tabellenzellen einer Zeile immer gleich hoch sind und sich immer auf die gesamte Breite … Weiterlesen →
Grafische Navi 2
Der etwas kompliziertere Fall eines grafischen Menüs habe ich schon erklärt. Hier folgt nun der etwas einfachere Fall, wo der Linktext ganz normal dasteht und die Grafik nur den Hintergrund bildet.
Navi – Tabs
Sehr beliebt sind auch Menüs, die sich mit Tabs organisieren. Vielleicht ist euch in diesem Zusammenhang schon mal der Begriff Sliding Doors (Schiebetürentechnik) untergekommen. Der Nachteil dieser Technik ist, das man pro Linkzustand jeweils zwei Grafiken braucht. Diese Hintergrundbilder waren … Weiterlesen →
Navi – Flyout 2
In meinem letzten Artikel Navi – Flyout 1 habe ich beschrieben, wie man ein einfaches Flyout-Menü mit zwei Ebenen erstellt. Hier werde ich euch zeigen wie man eine dritte Ebene hinzufügt, d.h. ein Submenü bekommt ein weiteres Submenü, ein Sub-Submenü … Weiterlesen →
Navi – Flyout 1
Bei einem einfachen Layout mit zwei Spalten soll die Navigation in ein Flyout-Menü umgewandelt werden
Navi – Dropdown
Tutorial zur Erstellung eines einfachen Dropdown-Menüs mit XHTML/CSS und etwas Javascript für den IE 6.
Grafische Navi 1
Ziel dieses Tutorials ist es, ein horizontales Menü zu erstellen, welches komplett aus Hintergrundgrafiken besteht. Damit das Menü bei abgeschalteten Grafiken noch funktioniert, wird der Linktext ganz normal in den Quelltext geschrieben. Die Grafiken werden mithilfe der Image Replacement Technik … Weiterlesen →