Hallo Zusammen,
ich betreibe seit kurzem eine Homepage welche ich mit Wordpress erstellt und designd habe.
Lediglich ein Problem stellt sich mir in den Weg.
Im derzeit genutzten Menü habe ich das CSS so angepasst, das mir ein Klick die derzeit aktive Seite anzeigt (oranger Balken unter Menüeintrag)
Allerdings wird der Link "Startseite" davon nicht beeinflusst.
Wie bekomme ich auch unter die aktive Startseite einen Strich.
Schalte ich hingegen das individuelle Menü ab, ist auch bei aktiver Startseite ein Strich unter dem Menüeintrag. Aber auch alle anderen Seiten unt unterseiten werden dann in dem Menü gelistet (was ich aber nicht wünsche)
Theme: twenty ten
Homepage: http://www.creativefotos.de
Hier der Codeschnipsel aus dem CSS für die Anpassung des Menüs: (style.css)
/* =Menu
-------------------------------------------------------------- */
#access {
background: #000;
display: block;
float: left;
margin: 0 auto;
width: 940px;
}
#access .menu-header,
div.menu {
font-size: 13px;
margin-left: 12px;
width: 928px;
}
#access .menu-header ul,
div.menu ul {
list-style: none;
margin: 0;
}
#access .menu-header li,
div.menu li {
float: left;
position: relative;
}
#access a {
color: #aaa;
display: block;
line-height: 38px;
padding: 0 10px;
text-decoration: none;
}
#access ul ul {
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
display: none;
position: absolute;
top: 38px;
left: 0;
float: left;
width: 180px;
z-index: 99999;
}
#access ul ul li {
min-width: 180px;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul ul a {
background: #333;
line-height: 1em;
padding: 10px;
width: 160px;
height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
background: none;
color: #FF4500
}
#access ul li:hover > ul {
display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
color: #fff;
border-bottom: 1px solid #FF4500;
padding-bottom: 2px;
background: #000;
color: #FF4500;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
color: #fff;
border-bottom: 1px solid #FF4500;
padding-bottom: 2px;
background: #000;
color: #FF4500;
}
Auf Anregungen freue ich mich