Problem bei WP-PagesNav

kalle1983

Hallo zusammen!

Bin gerade dabei ein neues Blog zu bauen und habe dabei eine horizontale Navigation eingebaut. Dafür habe ich das Plugin WP-PagesNav verwendet und mit CSS ein wenig angepasst.

Nun habe ich leider das Problem, dass wenn man sich auf einer Unterseite (Level 2) befindet, die Hauptseite (Level 1) nicht als aktiv (current_page) angezeigt wird.

Habe den CSS wie folgt angepasst und mit Sicherheit beim Probieren auch schon nen Fehler eingebaut...

Code

/* Pages Nav */
#pages_nav {
        margin:0px;
        padding-left:0px;
        padding-right:0px;
        background-image: url(images/navi_bg.jpg);
        background-repeat: no-repeat;
        width: 920px;
        height: 30px;
}








#pages_nav ul {
        margin-left:5px;
        padding-left:4px;
        font-size:12px;
        list-style: none;
        font-style: normal;
        
}






#pages_nav ul.level2 {
        width: 895px;
        margin-top: 0px;
        margin-left: 10px;
        padding-top:0px;
        padding-bottom:0px;
        background-color: #b2b2b2;


}


#pages_nav a:hover, 
#pages_nav a:active,
#pages_nav #rss a:hover,
#pages_nav #rss a:active,
#pages_nav li.current a,
#pages_nav li.current_page_item a:link,
#pages_nav li.current_page_item a:visited,
#pages_nav li.current_page_item a:hover,
#pages_nav li.current_page_item a:active,
#pages_nav li.current_page_parent a:link,
#pages_nav li.current_page_parent a:visited,
#pages_nav li.current_page_parent a:hover,
#pages_nav li.current_page_parent a:active,
#pages_nav ul.children {
        padding-top:0px;^
        padding-bottom:0px;
        background-color: #b2b2b2;
        color: #000000;
        height: 10px;
        
}




#pages_nav li {
        margin-left: 8px;
        padding-top:0px;
        padding-bottom:0px;
        padding-left: 5px;
        padding-right: 5px;
        display:inline;
}






#pages_nav  a{
        color: #666666;
        font-weight: 800;
        text-decoration: none;
        
}










#pages_nav li.current {
        background-image: url(images/navi_top_bg.jpg);
        background-repeat: repeat-x;
        background-color: #b2b2b2;
                
}








#pages_nav li.current a{


        color:#000000;
        background-color: #b2b2b2;
        
}

Alles anzeigen

Hat jemand eine Idee???

Danke!

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

kalle1983

keiner eine Idee?? Oder eine andere Lösung bzw. Plugin?!

kalle1983

So - Lösung gefunden!
Und damit hier nicht nur Fragen im Foum gefunden werden, auch die Antwort :razz:

Das Plugin gibt folgenden Code für die Navigation aus:

Code

<div id="pages_nav">
<ul class='level1'>
<li class='' ><a href='http://meine-domain.de/' title='Meine Domain'>Meine Domain</a></li>
<li class='' ><a href='http://meine-domain.de/oberseite01/' title='Oberseite 01'>Oberseite 01</a></li>
<li class='' ><a href='http://meine-domain.de/oberseite02/' title='Oberseite 02'>Oberseite 02</a></li>
<li class='currentparent' ><a href='http://meine-domain.de/oberseite03/' title='Oberseite 03'>Oberseite 03</a></li>


</ul>


<ul class='level2'>
<li class=' current' ><a href='http://meine-domain.de/oberseite03/unterseite01/' title='Unterseite 01'>Unterseite 01</a></li>
<li class='' ><a href='http://meine-domain.de/oberseite03/unterseite02/' title='Unterseite 02'>Unterseite 02</a></li>
</ul>


                  


</div>

Alles anzeigen

deshabl muss es nicht "..pages_nav li.current_page_parent" heißen, sondern "..pages_nav li.currentparent"

Hier noch mal der gesamte Part der CSS:

Code

/* Pages Nav */
#pages_nav {
        margin-top:-12px;
        padding-left:0px;
        padding-right:0px;
        background-image: url(images/navi_bg.jpg);
        background-repeat: no-repeat;
        width: 920px;
        height: 32px;
}








#pages_nav ul {
        margin-left:5px;
        padding-left:4px;
        font-size:12px;
        list-style: none;
        font-style: normal;
        
}






#pages_nav ul.level2 {
        width: 895px;
        margin-top: 0px;
        margin-left: 10px;
        padding-top:0px;
        padding-bottom:0px;
        background-color: #b2b2b2;


}




#pages_nav ul.children {
        padding-top:0px;
        padding-bottom:0px;
        background-color: #b2b2b2;
        color: #000000;
        height: 10px;
        
}




#pages_nav li {
        margin-left: 8px;
        padding-top:0px;
        padding-bottom:0px;
        padding-left: 5px;
        padding-right: 5px;
        display:inline;
}






#pages_nav  a{
        color: #666666;
        font-weight: 800;
        text-decoration: none;
        
}




/* obere Zeile wenn aktiv */




#pages_nav li.current {
        background-image: url(images/navi_top_bg.jpg);
        background-repeat: repeat-x;
        background-color: #b2b2b2;
                
}


#pages_nav li.currentparent {
        background-image: url(images/navi_top_bg.jpg);
        background-repeat: repeat-x;
        background-color: #b2b2b2;
                
}






#pages_nav li.current a{


        color:#000000;
        background-color: #b2b2b2;
        
}

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Problem bei WP-PagesNav

Jetzt mitmachen!