Aktuelle Kategorie kennzeichnen

joachimott

Ich habe ein Menü, bei dem mit css ein hover-Effekt entsteht, der Hintergrund der Blockelemente wird dann weiss. Die Struktur ist:

#navi
#navi ul
#navi li
#navi li a
etc.

und dann eben noch

#navi li.current-cat wobei da drin nur steht, der Hintergrund soll weiss werden. Funktioniert aber nicht (auch nicht #navi ul li.current-cat) Hat jemand ein Idee? Anschauungsbeispiel ist http://www.gradmann.de/cms

Werbepost

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

Olafb

Weil du den Selector falsch gesetzt hast:

HTML

#navi li.current-cat a {
background: #ffffff;}

Frage: was steht bei dir in der Sidebar um die Kategorien auszugeben? Sind doch nur 2 wenn ich das richtig sehe!?

joachimott

Danke für die schnelle Antwort, das wars!

In der sidebar gibt mir
<?php wp_list_cats('sort_column=id&optioncount=0&exclude=1'); ?>
die Kategorien aus.

Der Rest sind pages und da hatte ich mir das mit der Kennzeichnung einfacher vorgestellt, wenn ich das wüsste, wie es bei den Kategorien geht. Jetzt habe ich aber gerade navigo installiert und das erzeugt einen anderen Code.

Dort sind die aktiven Links anders gekennzeichnet und ich habe dort genauso wenig Erfolg, diese hervorzuheben.

Könntest Du vielleicht bitte nochmal draufschauen und mir einen Tipp geben?

Viele Grüße
Joachim

Olafb

Bau navigo wieder aus, wenn du nicht allzudoll daran hängst, das ist Bockmist, der nummeriert die IDs durch.
Ich seh im Code noch die alte Navi, aktivier die wieder und dann inne CSS:

HTML

#navi li.current_page_item a {
background: #ffffff;}

Ansonsten musst du in Code schauen und diese IDs raussuchen "1active" und nach vorigem Muster in die CSS einfügen.

Danke für den Schnipsel, damit hab ich nämlich ein Problem, dachte du hattest was spezielles drin.

joachimott

Ich hänge an navigo, sonst wird mein Navigationsmenü zu lang. Aber ich komme da nicht weiter. Ich hab dort dann

id=navi
ul id=1
li id=1active
a id=1current

Kannst Du mir mal einen Tipp geben, wie die CSS bei einem Beispiellink (Service zB) aussehen müsste. Ich hab CSS nie richtig gelernt, eher Versuch und Irrtum. Im Augenblick nur Irrtum...

Gruß
Joachim

Olafb

Nee, leider nicht hab jetzt 10min im FF mit Edit-CSS probiert, irgendwas scheint da eine bessere Spezifität zu haben und überschreibt es.

Schau dir mal http://www.webspaceworks.com/resources/cat/wp-plugins/30/ an, oder ist das andere jenes, damit ist doch auch alles möglich.

joachimott

Viiieeeel besser, Danke für den Tipp mit dem Plugin! Jetzt müsste es klappen.

Grade macht er mir noch alle Subpages weiß (also als aktiv gekennzeichnet), weil die zweite ul für die subpages quasi auch im li mit current_page_item drin steht. Wenn ich ihm das noch austreiben kann, ists gut.

Olafb

Jo, das hatte ich nicht bedacht, also, in die CSS:

HTML

#navi li.current_page_item li.page_item a {
background: #ff0000;}

wobei du das rot durch dein gelb ersetzen solltest :)

joachimott

Ich weiß, ich bin ein schwerer Fall (naja, mit den einfacheren CSS-Sachen komme ich schon zurecht). Ich habe jetzt wenn - die übergeordnete Page aufgerufen wird - Pages und Subpages markiert.

Erst wenn ich dann die Subpage aufrufe, ist nur diese eine markiert. Ich bekomme es nicht hin, dass er nur eine aktive Page anzeigt (auch wenn ich meine ursprüngliche CSS-Beschreibung rausnehme und nur die neue reinschreibe; jetzt habe ich beide drin, weil sonst bei den Pages gar nix markiert ist).

Vielleicht hast Du noch einen Tipp für mich. Aber ansonsten bin ich mit viel Hilfe doch schon ziemlich nahe an das dran rangekommen, was ich haben wollte. Schon mal vielen Dank!

Olafb

das weg

HTML

#navi li.current-cat a {
	background: #ffffff;
}


#navi li.current_page_item a{
background: #ffffff;}


#navi li.page_item li.current_page_item a {
background: #ff0000;
}

Alles anzeigen

das rein

HTML

#navi li.current_page_item a {
background: #ffffff;}
#navi li.current_page_item li.page_item a {
background: #ff0000;}

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Aktuelle Kategorie kennzeichnen

Jetzt mitmachen!