Subnavigation anpassen

AW: Subnavigation anpassen

http://forum.wpde.org/konfiguration/74888-wp_nav_menu-submenu-nur-bei-aktivem-parent-einblenden.html
eventuell musst du die Klassen noch anpassen (je nachdem wie du sein Menü eingebaut hast)

LG, pixselig

 

#nav li ul {
height: auto;
left: -999em;
position: absolute;
width: 900px;
z-index:999;
}
Damit liegt die Subnavi erst einmal außerhalb des sichtbaren Bereiches. Jetzt musst du nur noch einen Weg finden, dass auf der jeweiligen Seite das dazugehörige Submenue angezeigt wird.
Gruß. Petra

 

AW: Subnavigation anpassen

Sorry Petra, aber könntest du mir den Vorteil deiner Methode gegenüber der obigen erklären?

Und sehr hilfreich ist diese Halblösung ( die zweite Hälfte soll sich die TE aus den Fingern saugen? ) ja auch nicht gerade...

Nichts für ungut, Petra!

LG, pixselig

 

Sorry, habe deinen Link nicht angeklickt.
Gruß. Petra

 

AW: Subnavigation anpassen

Passt schon, ist ja schön wenn möglichst viele hier im Forum helfen!

Und schließlich funktioniert deine Lösung ja auch - wenn man sie fertig macht!

Ich persönlich finde nur die andere wesentlich einfacher(keine absolute Positionierung notwendig, dadurch eventuell auch kein z-index oder andere Anpassungen etc.) - aber darüber läßt sich streiten.

Guten Rutsch!

 

Kann dir zwar leider nicht helfen, aber vielleicht kannst du mir helfen..
Habe deine Seite gesehen und mich gefragt, wie du das sub menu horizontal hinbekommen hast... ?

Danke schon ein mal

 

AW: Subnavigation anpassen

LOL, doppelte Verneinung mit einem "sonst" dazwischen - scheint ja wirklich schwer auszudrücken zu sein

Was willst du denn?

Ein horizontales DropDown-Menü?

Oder sollen die Subpages nur angezeigt werde wenn der Besucher sich auf der jeweiligen Parentpage befindet (NICHT mouseover)?

Wenn du zweiteres vorhast (wovon ich eigentlich ausgehe) dann ist der von mir gepostete link schon der richtige. Allerdings unter der Voraussetzung, dass du die Navigation via "wp_nav_menu" löst!
Wenn du die Navigation via "wp_list_pages" und childpages löst, dann wirst du da auch noch etwas PHP benötigen.

Bin leider nur mobil unterwegs und kann mir das daher nicht genau ansehen.

LG, pixselig

 

Wir hatten dich schon richtig verstanden: bei MouseOver und wenn man sich auf der Seite befindet, soll das Submenu angezeigt werden. Wenn jede Seite mit einer individuellen ID ausgestattet wird, sollte das zu machen sein. Ich werd mal googeln
Gruß. Petra

P.S.: Link gefunden hier

 

AW: Subnavigation anpassen

Ah ihr gehört zusammen Zu zweit macht es ja auch viel mehr Spaß, oder?

So wie ich das sehe, denkt ihr da etwas zu kompliziert (mittels der body_class lässt sich schon so einiges anstellen -> unter anderem sicher auch ein individuelles Submenü. Dies ist aber in eurem Fall wie mit Kanonen auf Spatzen schießen.).
WP vergibt von Haus aus schon entsprechende Klassen für die einzelnen Menüpunkte (und unterscheidet dabei zwischen aktiv/inaktiv und parent/sub/child !). Das sollte dann auch reichen um euren Wunsch allein mittels CSS umzusetzen -> siehe hierzu den von mir geposteten Link.

Wird Zeit, dass ich wieder an meinen PC komme, dann könnte ich dir/euch das genauer erklären.

@DerPuh
<li> bzw. Listenelemente haben standardmäßig vor und nach sich einen (Zeilen)Umbruch -> daher auch der Name. Unterbinden kannst du das indem du den entsprechenden Listenelementen das Attribut

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

gibst.

Ginge auch via "float" - ist dann nur ein ganz klein wenig komplizierter.

LG, pixselig

 

WordPress gibt dem aktiven Menüpunkt die CSS-Klasse .current-menu-item.

Du könntest also einfach das Submenü so gestalten, wie es sein soll und dann einfach als Standard display:none; setzen. Wenn derübergeordnete Menüpunkt aktiv ist (also die Klasse .current-menu-item hat), dann setzt du beim Submenü display:block;.

Komplett würde das so aussehen:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Um das CSS nur auf die Hauptnavigation zu beschränken kannst du natürlich noch eine extra Klasse davorsetzen.