Menü-Position im horizontalen Menü "merken"

[Labskaus]

Hallo,

ich habe mal wieder erfolglos den Sonntag damit verbracht, Probleme mit meiner Navigation zu lösen...
Gibt es in Typolight die Möglichkeit, wechselnde horizontale Navigationen(unterschiedliche Navigations-Modul mit individuellen Stylesheets) im Header-Bereich einzubauen, die trotz Vertikaler Navigation mit anderen Seiteninhalten ihren letzte Position "speichern"?
Ein Beispiel: Ich habe horizontal die Möglichkeit, zwischen verschiedenen Kategorien auszuwählen(z.B. Wasser/Land). Jede Kategorie hat Unterkategorien(z.B. Wasser->Tauchen;Schnorcheln - Land->Wandern;Laufen). Da es mehr Unterkategorien als Oberkategorien gibt, existieren 2 Navigationsmodule mit unterschiedlichen Stylesheets(eines für Ober- und eines für Unterkategorien), in dem lediglich die Größe und die Position der Buttons angepasst wird, damit im Header stets alles darstellbar bleibt.
Gleichzeitig existiert ein Vertikales Menü, in dem aber lediglich allgemeine Infos angeboten werden, die jederzeit zugänglich sein sollen. In TYPOlight habe ich daher auch 2 Stränge in der Seitenstruktur, einen für Horizontal und einen für Vertikal. Wenn ich jetzt einen vertikalen Menüpunkt anklicke, möchte ich erreichen, dass mein horizontales Menü die zuletzt gewählte Menü-Position beibehält.

In PHP habe ich das mit Variablen erfoglreich getestet, die ich der nachfolgenden Seite übergeben habe. Ich hatte eine Variable für Vertikal und eine für Horizontal. Im horizontalen Menü hatte ich dann entsprechende IF-Abfragen, die entweder den Ausgangs-Zustand herstellten(wenn der User auf "Home" klickt), oder aber horizontal die zuletzt angezeigte Menü-Position darstellten(wenn der User das vertikale Menü anklickt). Lässt sich so etwas in TYPOlight bewerkstelligen?

Gruß, labskaus

[Sebastian]

HI

ehrlich gesagt komme ich bei deiner Erklärung nicht recht mit. Hast du vielleicht einen Link zu deiner Seite, oder einer ähnlichen, damit man sich das mal anschauen kann?

Sebastian

[Labskaus]

Hi,

leider habe ich nur eine lokale XAMPP-Installation...aber ich habe mal 2 Bilder hochgeladen:

http://www.bilder-hoster.net/?img=Bild1d06b9.jpg
http://www.bilder-hoster.net/?img=Bild208f4f.jpg

Auf dem ersten sieht man die Hauptkategorien oben. Wenn man z.B. auf "Kategorie 1" drauf klickt, ändert sich nicht nur der darunter liegende Inhalt, sondern auch das obere Menü und man sieht die Unterkategorien mit den größeren Buttons. Klickt man auf "Unterkategorie 1", erscheint der Inhalt für Unterkategorie 1 im Bereich darunter. Wenn ich danach auf V1 klicke, möchte ich, dass der Inhalt von V1 erscheint, aber oben das horizontale Menü so stehen bleibt, wie es der User zuletzt gesehen hat. Ich müsste quasi wissen, in welchem Header-Navigations-Modul sich der User zuletzt befunden hat und dann genau dieses Menü im Header für die vertikalen Seiten erscheinen lassen.

Gruß,
Labskaus

[dreiHP]

Hallo Labskaus,

du suchst vermutlich .trail
Der Menüpunkt einer höheren Ebene bekommt diese Klasse, wenn ein Unterpunkt aktiv wird. Den kannst du genauso formatieren, wie aktiv oder hover.

VG, Peter

PS
Firebug oder WebDeveloper sind unter Firefox deine Freund.

[MacKP]

Eventuell hilft dir für den Anfang auch dieses Tutorial weiter :

http://de.contaowiki.org/typolight/T...vigationsmenue

Damit du ein wenig Grundverständniss rein bekommst ;-)

Viele Grüße

[Labskaus]

Hallo,

danke für die Hilfe erstmal.

@MacKP:
Dein Tutorial sieht vielversprechend aus, ich werde es durcharbeiten!

[Labskaus]

Hallo,

ich kämpfe immer noch mit meinen Menüs…inzwischen habe ich meine TYPOlight-Installation aber mal unter folgender Adresse hochgeladen:

http://labskaus.cwsurf.de/typolight/

Eigentlich ging es ja um das Zusammenspiel zwischen Horizontal und Vertikal, aber momentan schaffe ich nicht mal ein ordentliches vertikales Menü...
Ich wollte vertikal links ein Menü wie in der Mitte(immer erste und zweite Ebene sichtbar), allerdings mit etwas CSS-Design(Rahmen, Farben usw.). Das Menü soll maximal 2 Ebenen haben und durch das hinzufügen von Seiten in TYPOlight jederzeit erweiterbar sein, ohne gleich wieder in den Stylesheets rumzuwurschteln. Jetzt habe ich das Problem, dass V2 zu dicht an V1 positioniert wird und somit die Unterpunkte V1.1 und V1.2 verdeckt. Ist eigentlich auch logisch, da ich ja die Größe der li-Elemente auf einen fixen Wert stelle und sie relativ zueinander anordne. Lasse ich jetzt aber die height-Angabe in „#left .mod_navigation ul.level_1 li“ weg, funktioniert es, aber dann hängt die Größe der einzelnen Menüpunkte von der Schriftgröße ab…zudem werden die Menüpunkte aus Level 1 verkleinert, wenn ich drauf klicke. Hat jemand einen Tipp für mich, wie ich das Problem lösen kann?

Gruß,
Labskaus