Menue + CSS

AKraisser

bring das menue nicht zum laufen wie es soll.
Irgendwie hab ich einen Denkfehler.

Menuestruktur:

Code

1. <ul class="sidebar_blau">
2.   <li class="page_item current_page_ancestor page_folder">< a href ...
3.       <ul>
4.           <li class="page_item current_page_item"><a href ...
5.           <li class="page_item"><a href ...
6.           <li class="page_item"><a href ...
7.           <li class="page_item"><a href ...
8.      </ul>

Also 2. das elternelement soll blau sein weils aktiv ist
4. das aktive untermenue soll auch blau sein
der rest weiß und nur mit a:hover blau werden.

Style:

Code

.sidebar_blau .page_item .current_page_item a { color:#0099CC;  }
.sidebar_blau .page_item .current_page_ancestor .page_folder a { color:#0099CC;  }
.sidebar_blau .page_item a { color:white;  }

hmm steh echt an mit meinem wissen
und hier der Link: http://wp1101974.wp041.webpack.hosteurope.de/praschberger

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

gsibergerin

Da sind doch ein paar Beistriche zu wenig und ein paar Punkte zu viel?

Code

.sidebar_blau .page_item .current_page_item a { color:#0099CC;  }
.sidebar_blau .page_item .current_page_ancestor .page_folder a { color:#0099CC;  }
.sidebar_blau .page_item a { color:white;  }

Beispiel:

Code

page_item .current_page_item

Im Code steht:

Code

class="page_item current_page_item"

Wenn´s nicht exakt gleich geschrieben ist, wird´s nicht angenommen. Also ich würde die ja umbenennen - die Namen sind zu lang und kompliziert, das fordert Tippfehler direkt heraus... ;-)

AKraisser

bin nicht so fit mit css.

Die namen müssen so bleiben wird vorgegeben durch das plugin bzw. wp_list_pages!

wie ist denn jetzt die genau schreibweise ?

gsibergerin

Ach, das ist ein Plugin? Mir fiel nur folgendes auf:

Code

page_item [COLOR=Red].[/COLOR]current_page_item

In der CSS ist da ein Punkt.

Code

page_item current_page_item

In der Menuestruktur ist da kein Punkt. Stimmt nicht überein.
Gehören diese CSS-Angaben zum Plugin oder hast du die selbst geschrieben?

AKraisser

die CSS hab ich verbrochen ;-)

gsibergerin

Und das als Spezialist für Webdesign? ;-)

Ich bin kein Profi und ohne Link kann ich´s mir nur schwer vorstellen und auch nicht ausprobieren. Wenn´s auch um aktiv/nicht aktiv geht, sollte da nicht eine eigene Definition rein?
Die erste Zeile vielleicht so:

Code

.sidebar_blau a, .page_item current_page_item a {color:#0099CC;}

Die Klasse .sidebar_blau ist aber einmal als blau und unten noch einmal als weiß definiert.... :confused:

axelmeyer

hey,

mach deine Sitebar zum Div und dann kannst du mit

Code

#sidebar .current_page_item a {
    color:#EEE;
}

die aktuelle Auswahl und die Unterseiten einfärben.
Um die Unterseiten nicht miteinzufärben, setzte sie neu auf die Standardfarbe.

Code

#sidebar .current_page_item ul a {
    color:#BDAFA8;
}

Gruß

fyp

Okay. Das ist Spitze für Seiten.
Ich benutze in der Navi aber auch einzelne Blog Cats. als Punkte.
Un da funktionniert

Code

#navi .current_cat a { bla;}

nicht.
Wieso eigentlich?

axelmeyer

nun da leider in der Cat ein - statt den _ verwendet wird.

sprich:

Code

#sidebar .current-cat a {
    color:#EEE;
}

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Menue + CSS

Jetzt mitmachen!