a:active und Wordpress

[onpoint]

Hallöle,

ich hab eine kleine Blog-Webseite zu 90% umgesetzt. Unter anderem fehlt noch eine active Funktion.

Wie schaut das nun mit Wordpress aus? Das normale Verfahren funktioniert ja nicht, da nach dem Anklicken eines Navigationselementes die Seite ja komplett neu geladen wird.

Gibts da nen Trick? Oder greift man da auf Javascript zurück?

Hier ist die Seite:

So funktioniert es logischerweise nicht:

#bgnavi #hauptnavi #menu-hauptnavi #menu-item-45 a {
    background:url(Bilder/linkstart.png) 0 0 no-repeat;
    width:290px;
    height:48px;
    margin:14px 0 0 24px;
    text-indent:-9999px;
    overflow:hidden;
    display:inline-block;
    list-style:none;
}

#bgnavi #hauptnavi #menu-hauptnavi #menu-item-45 a:hover {
    background:url(Bilder/linkstarthover.png) 0 0 no-repeat;
}

#bgnavi #hauptnavi #menu-hauptnavi #menu-item-45 a:active {
    background:url(Bilder/linkstarthover.png) 0 0 no-repeat;
}

Über einen Rat würde ich mich freuen

Viele Grüße

 

[cebito]

AW: a:active und Wordpress

Wordpress vergibt dafür die Klasse "current-menu-item"

 

[onpoint]

AW: a:active und Wordpress

Wordpress vergibt dafür die Klasse "current-menu-item"

Funktioniert das auch, wenn von den 4 unterschiedlichen Navigationselementen 4 unterschiedliche hover-Bilder geladen werden?

Ich weiß, das ist nicht sehr zeitgemäß, jedoch fand ich für Wordpress keine bessere Möglichkeit.

Lg

 

[fexx]

AW: a:active und Wordpress

Funktioniert das auch, wenn von den 4 unterschiedlichen Navigationselementen 4 unterschiedliche hover-Bilder geladen werden?

Ich weiß, das ist nicht sehr zeitgemäß, jedoch fand ich für Wordpress keine bessere Möglichkeit.

Lg

Klar, du hast doch auch IDs in den List Items

 

[onpoint]

AW: a:active und Wordpress

Wie würde man das schreiben?

#bgnavi #hauptnavi #menu-hauptnavi #menu-item-45 a {
    background:url(Bilder/linkstart.png) 0 0 no-repeat;
    width:290px;
    height:48px;
    margin:14px 0 0 24px;
    text-indent:-9999px;
    overflow:hidden;
    display:inline-block;
    list-style:none;
}

#bgnavi #hauptnavi #menu-hauptnavi #menu-item-45 .current-menu-item a:hover {
    background:url(Bilder/linkstarthover.png) 0 0 no-repeat;
}

#bgnavi #hauptnavi #menu-hauptnavi #menu-item-45 .current-menu-item a:active {
    background:url(Bilder/linkstarthover.png) 0 0 no-repeat;
}

Damit funktionierts jedenfalls nicht. Wie arbeitet .current-menu-item? Komischerweise existiert diese Klasse in meinen Listen auch gar nicht.

Danke im Voraus!

Grüße

 

[fexx]

AW: a:active und Wordpress

Nimm mal das Leerzeichen weg.

#menu-item-45.current-menu-item

 

[onpoint]

AW: a:active und Wordpress

Ups!

Aber ja, es passiert noch immer nichts. Wie auch? Die Klasse, die ich anspreche existiert nicht in den Listen...

Hier steht lediglich:

<li id="menu-item-45" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-45">

Seltsam..

 

[fexx]

AW: a:active und Wordpress

Die Klasse hast du schon ... allerdings nur auf den Unterseiten ;-)

 

[onpoint]

AW: a:active und Wordpress

Die Klasse hast du schon ... allerdings nur auf den Unterseiten ;-)

Ich kann sie selbst dort nicht finden. Stimmt was nicht mit meinen Augen?

 

[Myhar]

AW: a:active und Wordpress

Ja, es stimmt wohl etwas nicht mit deinen Augen.
Klickt man zB auf persönliches:

<li id="menu-item-49" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-47 current_page_item menu-item-49">
<a title="Persönliches" href="http://s348610024.online.de/danielederosa/webseiten/webseite2/wordpress/?page_id=47">
</li>

BTW, die Umsetzung der Navigation ist nicht optimal. Das ist auch keine limitierung von Wordpress, die dich daran hindert, das besser umzusetzen.

 

[onpoint]

AW: a:active und Wordpress

Ja, es stimmt wohl etwas nicht mit deinen Augen.
Klickt man zB auf persönliches:

<li id="menu-item-49" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-47 current_page_item menu-item-49">
<a title="Persönliches" href="http://s348610024.online.de/danielederosa/webseiten/webseite2/wordpress/?page_id=47">
</li>

BTW, die Umsetzung der Navigation ist nicht optimal. Das ist auch keine limitierung von Wordpress, die dich daran hindert, das besser umzusetzen.

Ach, jetzt! Logischerweise muss man erst auf´s Objekt klicken.

Jetzt versteh ich den Sinn auch. Sollte jetzt umsetzbar sein. Kleinen Moment..

-edit-

Funktioniert!

Nur bei meinem Punkt "START" gibt es keine Klasse Namen´s current-menu.item...wie kann das sein?

Genauso wenig wird´s mir im Footer in der Subnavi angezeigt.

 

[cebito]

AW: a:active und Wordpress

Davon mal abgesehen, wer braucht denn eigentlich sowas

#bgnavi #hauptnavi #menu-hauptnavi #menu-item-45 a

siehst du da am Ende überhaupt noch durch? Eine ID ist was einmaliges im Dokument, also reicht es von der nächsthöheren aus zu selektieren.

#menu-item-45 a

Sollte das bei dir anders sein, stimmt was mit deiner HTML nicht

 

[onpoint]

AW: a:active und Wordpress

Hallo Cebito,

da hast du wohl oder übel recht Habs mal etwas abgespeckt! Danke für den Hinweis.

Gruß

 

[onpoint]

AW: a:active und Wordpress

Ich müsste den Thread mal wieder hochschieben, sorry!

Es ging darum, dass der active Effekt bei allen Links geklappt hat, außer bei "Home" bzw. "Start".

Der Grund ist, dass "Start" keine feste Seite ist, sondern nur eine Verlinkung auf die index.php. Diese zeigt keine Klasse namens .current-menu-item an. Gibt es sonst irgend eine Möglichkeit, das Element auf active zu setzen?