Hallo zusammen,
ich habe ein - für erfahrene Anwender - sicherlich kleines Problem. Ich habe ein schlichtes Textmenü, dieses wird durch das Plugin 'Multi-Level-Navigation' erzeugt, wobei die CSS Sytels der Vorgabe deaktiviert sind.
Leider existiert das Blog noch nicht online, daher versuche ich mein Problem mit Bildern zu erklären, hoffe das ist in Ordnung.
Das Menü sieht aktuell wie folgt aus:
https://img.skitch.com/20120215-pa6yt…2xrts98mt31.jpg
Die "Menüpunkte" HR Management, Kernkompetenzen und People Management sind Seiten, wobei HR Management die Parent-Seite, und Kernkompetenzen sowie People Managements entsprechende Childs sind.
Ich möchte nun, das wenn ich eins der Childs anklicken, sprich das diese Seite das aktive 'current_page_item' ist, das aktuell gewählte Child, sowie der Punkt 'HR Management' als Parent, in der gleichen Farbe dargestellt werden.
Ich hoffe, das ist verständlich ausgedrückt und nicht von hinten, durch die Brust, ab ins Auge. ;)
Im Quelltest sieht das Menü aktuell so aus:
<div id="pixopoint_menu1">
<ul class="sf-menu" id="suckerfishnav">
<li><a href="http://localhost/~user/test/">Home</a></li><li class="page_item page-item-6"><a href="http://localhost/~user/test/?page_id=6" title="Kontakt">Kontakt</a></li>
<li class="page_item page-item-5"><a href="http://localhost/~user/test/?page_id=5" title="Referenzen">Referenzen</a></li>
<li class="page_item page-item-4 current_page_ancestor current_page_parent"><a href="http://localhost/~user/test/?page_id=4" title="HR Management">HR Management</a>
<ul>
<li class="page_item page-item-9"><a href="http://localhost/~user/test/?page_id=9" title="Kernkompetenzen">Kernkompetenzen</a></li>
<li class="page_item page-item-10 current_page_item"><a href="http://localhost/~user/test/?page_id=10" title="People Management">People Management</a></li>
</ul>
</li>
</ul>
</div>
Alles anzeigen
Das CSS für die Farbauswahl der Menüpunkte sieht wie folgt aus:
#pixopoint_menu1 li.current_page_parent a{
color: #B24E7A;
}
#pixopoint_menu1 li.current_page_item a{
color: #B24E7A;
}
Der jeweils aktive Parent + Child soll also andersfarbig dargestellt werden. Ist das möglich?
Es wäre sehr nett, wenn mir da jemand helfen könnte und bei einer Antwort ggf. erklären könnte, wieso das nun so gemacht wird, damit ich das auch für mich selbst verstehe.
Vielen Dank!