active-style von parents

  • doofer titel ich weiss, aber weiss grad nich besser wie ich das nennen soll.

    trau mich auch schon gar nich mehr hier was darüber zu fragen. das thema ist irgendwie tausende mal hier angesprochen, aber meist gehts da um das anzeigen der elternseiten. das funzt bei mir ja alles wunderbar.

    ich hab nur ein kleinen optisches problemchen. und zwar:

    ich hab die hauptnavi (1. ebene). die inaktiven menüpunkte werden nun grau dargestellt, der jeweilige aktive menüpunkt und der mouseover-effekt (hover) in blau. soweit auch alles schick. und ich zeige immer nur die hauptnavi (also nur die 1. ebene) an. Unterpunkte sind nur im sichtbar wenn der mauszeiger über dem menüpunkt steht.

    nun hat ein menüpunkt eine unterseite. wird auch alles angezeigt wenn die mouse drüberfährt, button klappt auf und alles ist schick. klick auf die unterseite --> seite wird geöffnet und das submenü verschwindet wieder.

    ist nun die unterseite aktiv, seh ich ja die im submenü nicht mehr, da wie gesagt nur die 1. ebene angezeigt wird. nun das problemchen!!!

    ist eine unterseite aktive, so wird deren parent (in diesem fall die erste ebene - die hauptnavileiste) nicht mehr aktive dargestellt. sie ist also wieder grau. die punkte der 1. ebene werden also immer nur dann blau (active) dargestellt, wenn nur diese aktive sind. sobald eine unterseite aktive ist, nicht mehr.

    nun will ich das natürlich so haben, das egal in welcher ebene ich mich befinde, der oberste menüpunkt immer blau (active) dargestellt wird.

    man ich hoffe ich hab das verständlich darstellen können.
    ich hab hier immer wieder was von dem fold-page-list oder so gelesen, aber ich würde das gern ohne plug-in lösen wollen, da es sich ja nur um die farbliche darstellung handelt.

    hoffentlich hat man den schnodder hier verstehen können.
    ich danke jedenfalls schon mal im voraus.

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Die Elternseite bekommt die Klassen ".current_page_ancestor" bzw. ".current_page_parent". Das sollte dir helfen.

    und wieder ein problem weniger. und dann eigentlich so einfach (asche auf mein haupt)!

    und wieder einmal ein riesen danke an marX!
    trau mich gar nich zu zählen wie oft du mir bereits geholfen hast :?

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!