Fragen: Main Menu, Side Menu, Menu Split

Hallo Thomas,
folgende Fragen sind bei mir aufgetaucht: Wäre wieder super wenn du mir weiterhelfen könntest, selber habe ich es versucht komm aber nicht auf einen grünen Zweig. Seite: www.valle90.bplaced.net

1. Sidepanel hätte ich gerne hinter der Slideshow? Wie kann ich die Anordnung einstellen?
2. Nachdem die einzelnen Menüeinträge gehovert wurden, rückte es diese minimal ein. Würde Sie derne auf der selben Ausgangpos. belassen. Wie könnte ich das ändern?
3. Würde gerne das Unterstrichene bei den Untermenüs entfernen. Wie das?
4. Wie kann ich Menu splitten, sodass z.B. das Preislistenmenu (als Level 3 des Main Menu) auf Pos. 7 angezeigt wird, anstatt dass ein neues Untermenu im Hauptmenu erstellt wird? Habe es vorher mit jeweils eigenen Sidemenu versucht zu umgehen, das ist aber eine etwas unkonventionelle Maßnahme, da dann der Navigationspfad in der breadcrumb keinen Sinn mehr hat.
5. Sobald der Menüpunkt geöffnet (aktiv ist) wurde, würde ich ihn gerne formatiert (farbig anstatt fett) angezeigt bekommen? Habe es mit versucht. Funktioniert aber nicht.

Merci!

Viele Grüße
Valentin

Hallo Valentin

1. Die Anordung kann man mittels der CSS Eigenschaft "z-index" steuern. Falls das Sidepanel immer vor der Slideshow sein soll, kannst du zB das nutzen: In umgekehrter Richtung wärs dann Der Wert 100 ist dabei einfach ne grosse Zahl ohne spezielle Bedeutung. Du kannst auch 50, 500 oder 1000 nutzen. Hauptsache sie ist grösser als der interne Zähler des anderen Elements

2. Entfern den Modul Klassen Suffix von den betreffenden Modulen. Dort steht bei dir "_menu" drin. Das JavaScript für diese Animation schaut nach diesem Suffix.

3. Siehe 2. Das Styling kommt ebenfalls von diesem Suffix. Ohne kriegste einfach ne normale Liste. Eine allenfalls interessante Alternative wär dann beim Menu Klassen Suffix " nav-pills nav-stacked" (inklusive Leerzeichen am Anfang!) einzufügen.

4. Du kannst bei jedem Menü-Modul sagen ab und bis zu welchem Level es anzeigen soll. Deine Preisliste Menü-Modul müsstest du dann ab Start Level 3 anzeigen lassen. Beim Top Menü könntest du dann den End Level 2 eintragen.

5. Die Pseudoklasse ":active" find ich immer etwas unzuverlässig. Versuch das Styling mal auf die Klassen "current" und "active" anzuwenden. Diese werden von dem Menümodul den entsprechenden Listeneinträgen zugewiesen. Wobei "current" der effektiv aktive Eintrag ist und "active" zusätzlich auch bei übergeordneten Einträgen vorhanden ist. Damit solltest du alles machen können

Super, danke. Die Lösung mit jeweils einem eigenen Sidemenu wäre intensiv geworden (v. a. wenn ich diese dann noch für jede Sprache machen will)

Thomas Hunziker schrieb:
2. Entfern den Modul Klassen Suffix von den betreffenden Modulen. Dort steht bei dir "_menu" drin. Das JavaScript für diese Animation schaut nach diesem Suffix.

3. Siehe 2. Das Styling kommt ebenfalls von diesem Suffix. Ohne kriegste einfach ne normale Liste. Eine allenfalls interessante Alternative wär dann beim Menu Klassen Suffix " nav-pills nav-stacked" (inklusive Leerzeichen am Anfang!) einzufügen.

2. Die Animation gefällt mir eigentlich sehr gut, nur meinte ich dass diese minimal nach hover vlt. 1px einrückt (nachdem sie wieder zurückbounced). Ist wahrscheilich so gewollt, und wirklich nur ne Kleinigkeit, mit der ich leben kann (fällt den meisten Besuchern wahrscheinlich gar nicht auf).

3. Bei den Untermenü Punkte würde ich diese Animation auch gerne belassen, nur dass der Menülink nicht unterstrichen wird. (Aufzählungszeichen sollte bleiben). Kann ich das mit CSS abändern? (vlt. mit text-decoration: none oder so)

-> Neue Frage 4.1: Hab jetzt Endlevel auf 2 gestellt, würde aber jetzt gerne noch die Doppelpfeile (nach links) im Hauptmenü ausblenden. Wie könnte ich das lösen?

2. Die Animation ist recht hardcoded im JavaScript und verändert beim Drüberfahren das "padding-left" auf 35px und dann wieder zurück auf 15px. Es ist möglich dass es bei dir anders kommt weil du noch Bilder davor hast.
Was für Menüpunkt Typen sind das die du da hast. Vielleicht kann ichs ja fixed

3. Der Strich zwischen den Menüpunkten ist mit "border-bottom" gemacht. Das kannste mittels CSS sicher wegmachen.

4.1 Das sieht mir nach nem Bug im Modul aus. Die Klasse "parent" macht irgendwie keinen Sinn wenn das Untermenü nicht angezeigt wird. Das dürfte schwer werden mit CSS zu fixed da du ja ein parent Element abhängig von dem Vorkommen eines Child Elements stylen müsstest. Ich wüsste nicht dass dies geht.

Thomas Hunziker schrieb: 2. Die Animation ist recht hardcoded im JavaScript und verändert beim Drüberfahren das "padding-left" auf 35px und dann wieder zurück auf 15px. Es ist möglich dass es bei dir anders kommt weil du noch Bilder davor hast.
Was für Menüpunkt Typen sind das die du da hast. Vielleicht kann ichs ja fixed

Danke! Hab jetzt diese 2 Werte geändert (Zeile 16 und 25 in der effects.js) und jetzt passt. Es war bei mir anders weil ich diese Werte bereits vorher schon mal abgeändert habe (dies aber inzwischen vergessen hatte :silly: )

Da ich die Pfeile nach links nicht brauche, habe ich beide dateien (/templates/lessallrounder/images/menu) einfach umbenannt. Sodass sie nicht mehr aufgerufen werden.
menulili_parent2.gif
menulili_parent_hover2.gif

Thomas Hunziker schrieb: 3. Der Strich zwischen den Menüpunkten ist mit "border-bottom" gemacht. Das kannste mittels CSS sicher wegmachen

Meinte eigentlich das underline beim Link. Würde das aber nicht für alle Links auf der Seite sonder nur für diese Untermenüs anwenden.