Menü (geöffnete Seite farblich hervorheben)

  • Guten Morgen aus Würzburg,

    bin noch Wordpress-Frischling und versuche gerade meine Seite anzupassen ;)
    HabeWebbutveckling 1.2.5 von Divine Developerals Design installiert und möchte das Menü optisch verändern. Meine WP-Version: 2.9.2

    Wenn ich mit der Maus über die Navigation fahre, werden die Links farblich hervorgehoben. Doch die geöffnete Seite sticht dann in der Navigation nicht mehr hervor.

    Kann mir jemand einen Tipp geben, wie und an welcher Stelle ich im CSS was ergänzen muss, sodass beispielsweise die Seite "Home" wenn sie offen ist auch optisch in der Menüleiste hervorsticht?

    Selbiges versuche ich parallel auch bei der Seitennavigation mit Katgeorien und Links.

    Schon jetzt vielen Dank für Eure Hilfe und viele Grüße,
    Frank

    ;-D

    PS: Hab gerade den Thread unter mir zwar entdeckt, komme aber dennoch mit besagten Tipps nicht weiter :(
    Daher nochmal mein Quelltext:

    /* **************** TOPNNAV *************** */
    #nav {
    background:transparent;
    color:#FFFFFF;
    margin:0;
    padding: 207px 0px 0px 11px ;
    width:1000px;
    float: left;
    overflow: hidden;
    }
    .nav { margin:0 25px; }
    #nav ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
    }
    #nav a {
    background:none;
    color:#8C8C8C;
    display:block;
    margin:0px 50px 0px 0px;
    padding:8px 6px;
    text-transform:none;
    text-decoration: none;
    }
    #nav a:hover {
    background:none ;
    color:#FFFFFF;
    display:block;
    margin:0px 50px 0px 0px;
    padding:8px 6px;
    text-decoration:none;
    }
    #nav li {
    float:left;
    margin:0px;
    padding:0px;
    }
    #nav li li {
    float:left;
    margin:0px;
    padding:0px;
    width:160px;
    }
    #nav li li a, #nav li li a:link, #nav li li a:visited {
    background:#292929 ;
    border-top:1px solid #C0C0C0;
    float:none;
    margin:0px;
    padding:8px 6px;
    width:160px;
    }
    #nav li li a:hover, #nav li li a:active {
    background:#E6C173;
    }
    #nav li ul {
    left:-999em;
    position:absolute;
    width:10em;
    }
    #nav li:hover ul {
    display:block;
    left:auto;
    }
    #nav li:hover ul, #nav li.sfhover ul {
    left:auto;
    }

    Einmal editiert, zuletzt von Mr_Wizzy (6. Mai 2010 um 12:17)

    • 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

  • Sofern dein Theme mit der [FONT=Courier New]current_page_item[/FONT][FONT=Verdana] -Klasse arbeitet, wäre das der richtige [/FONT]Deklarationsblock fürs Stylesheet:

    Code
    #nav li.current_page_item {
    [COLOR=Gray]/*  hier dein CSS -Kram */[/COLOR]
    }

    Für die Seitennavi. ist das nicht so ohne weiteres möglich, da es keine weiteren Unterscheidungsmerkmale gibt.

    Als Ansatz könntest du die body_class verwenden ...

    PHP
    <?php body_class( $class ); ?>

    ... und manuell im Stylesheet entsprechende Definitionen festlegen. > http://codex.wordpress.org/Template_Tags/body_class

    Edit:
    Benutze bitte im Forumeditor die Code-Tags(rechts oben).

    "Whoever controls the media, controls the mind." J.Morrison

  • Fast geschafft :)

    Vielen lieben Dank für Deine schnelle Hilfe...es funktioniert auch (fast) :-P

    Ich kann die Schrift fett machen, Größe ändern usw.!
    Doch genau das, was es soll macht es nicht: die Schriftfarbe :(

    Liegt das daran an den vorhergehenden Angaben oder vielleicht daran, an welcher Stelle ich den Befehl einbaue?


    An die Seitennavigation werde ich mich dann wohl erst wagen, wenn ich generell WP besser verstanden habe. In erster Linie wäre die Hauptnavigation schon das größte Anliegen.

    ;-D

    PS: Meine Frage mag zwar "WP-naiv" klingen, aber wie finde ich raus, ob mein Theme mit der [FONT=Courier New]current_page_item[/FONT][FONT=Verdana] -Klasse arbeitet? Habe sehr wenig bisher mit php gearbeitet.
    [/FONT]

    Einmal editiert, zuletzt von Mr_Wizzy (7. Mai 2010 um 08:49)

  • ( ... )
    Doch genau das, was es soll macht es nicht: die Schriftfarbe :(
    ( ... )


    Die Menüpunkte sind Links und die Farbe schon entsprechend definiert.
    Erweitere den Block entsprechend um den Link -Tag <a>:

    Code
    #nav li.current_page_item a {
    /*  hier dein [URL="http://forum.wordpress-deutschland.org/lexikon/?do=showentry&item=CSS"]CSS[/URL] -Kram */
    }


    ( ... ) wie finde ich raus, ob mein Theme mit der [FONT=Courier New]current_page_item[/FONT][FONT=Verdana] -Klasse arbeitet? ( ... )
    [/FONT]


    Wirf einen Blick in deinen Quellcode.
    Und hier rein: http://doku.wordpress-deutschland.org/Template_Tags/wp_list_pages

    "Whoever controls the media, controls the mind." J.Morrison

Jetzt mitmachen!

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