Multi Level horizontale Navigation

Hallo zusammen,

ich suche eine horizontales Navigationesmenü mit einer 2. Ebene. So wie im Adminbereich von WP oder spiegel.de (1. Ebene "Nachrichten", 2. Ebene Politik, Wirtschaft etc.). Das Interessante bei diesen beiden Beispielen ist auch, dass die Seite, die gerade angezeigt wird, auch in der Navigationsleiste farblich hervorgehoben wird. Ich habe wirklich viel gesucht, auch hier im Forum, aber leider nichts dergleichen gefunden. Kann mir jemand dabei helfen?

Besten Dank und frohe Weihnachten allen.

Zitat von Silencer

das hier geht in die richtung:
Stu Nicholls | CSSplay | Professional dropline / dropdown menu

wenn die 2. ebene immer angezeigt werden soll, dann kann man das sicherlich per css einstellen
oder
du versuchst es mit einer java script navigation.
so weit ich das sehe haben die das bei spiegel.de auch gemacht.

Ich würde die Vartiante mit CSS bevorzugen, wenn ich wüßte, wie ich das zu bewerkstelligen habe. Wie ich schon geschrieben habe, dieses Menü gibt es ja schon (das im Admin-Bereich) in WP. Ich will es halt nur auf meine Hauptseite einbinden.
In der Plugin-DB habe ich auch ein Plugin gefunden, allerdings ist der Downloadlink defekt. WordPress Plugin Database

Die Version für PHP5 scheint downloadbatr zu sein, aber da ich php4 habe, kann ich damit nichts anfangen.

Vielleicht kann ja jemand helfen. Viele Grüße

Zitat von Monika

ich kenne sowas allerdings muss man da wirklich gut css können, um diese farbliche Hervorherbung auch zu schaffen

und ich mache es freiwillig nicht wirklich wieder ;)

WordPress Info at sieker.info » WP-PagesNav

lg

Liebe Monica, das war genau das, wonach ich schon seit Tagen suche. 100% Treffer. Das Aussehen ist wirklich sehr grausam, aber es war kein Problem, die CSS mal eben mal zu verändern. Hier mein Design-Vorschlag dazu ;)

Vielen Dank und beste Grüße

Zitat

/* Pages Nav */
#pages_nav {

}

#pages_nav ul {

background-color:#006084;
margin:0px;
padding: 6px;
border: solid 1px white;
font-size:1.2em;
list-style: none;
}

#pages_nav ul.level2 {
background-color:#5497CE;
}

#pages_nav ul.children {
background-color:#6BADE1;
}

#pages_nav li {
margin: 0px;
padding-top:3px;
padding-bottom:2px;
padding-left: 15px;
padding-right: 15px;
display:inline;
}

#pages_nav a{
color:#f5f5f4;
font-weight: bold;
}

#pages_nav li.current {
padding-top:0px;
padding-bottom:0px;
background-color:white;
border:solid 1px #3F80B6;
}
#pages_nav li.current a{
color:#3F80B6;
}

Alles anzeigen