Hallo Leute,
ich habe ein Menü mit Links (mit Untermenü ul) welches beim hover'n grau wird. Ich hätte auch gerne das der Hauptmenüpunkt grau bleibt wenn man durch das Untermenü "hovert" sowie wenn einer dieser Links "aktiv" ist also man auf der entsprechenden Seite ist.
Ich habe gelesen das man dazu im html die Klasse current um den Link setzen muss. Allerdings wird das Menü bei WP ja aus den Theme Options geladen und ich komm da nirgends zum Code.
Gibt es da ein Workaround rein auf CSS Basis oder funktioniert das anders?
Hier noch der CSS Code:
Code
/*============================ TOP NAVI ============================*/
#topnavi_wrap {
position: relative;
/* background: url(images/topnavi.png) repeat; */
width: 1000px;
left: 50%;
margin-left: -500px;
background-color: #ff6200;
background: -moz-linear-gradient(top, #ff3c00 0%, #ff8539 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff3c00), color-stop(100%,#ff8539));
background: -webkit-linear-gradient(top, #ff3c00 0%, #ff8539 100%);
background: -o-linear-gradient(top, #ff3c00 0%, #ff8539 100%);
background: -ms-linear-gradient(top, #ff3c00 0%, #ff8539 100%);
filter: progid:grin:XImageTransform.Microsoft.gradient( startColorstr='#ff3c00', endColorstr='#ff8539',GradientType=2 );
-ms-filter: progid:grin:XImageTransform.Microsoft.gradient( startColorstr='#ff3c00', endColorstr='#ff8539',GradientType=2 );
background: linear-gradient(top, #ff3c00 0%, #ff8539 100%);
-moz-box-shadow: 6px 0px 8px 0px #acacac, -6px 0px 8px 0px #acacac;
-webkit-box-shadow: 6px 0px 8px 0px #acacac, -6px 0px 8px 0px #acacac;
box-shadow: 6px 0px 8px 0px #acacac, -6px 0px 8px 0px #acacac;
}
#topnavi {
margin: 0 auto;
width: 1000px;
}
#topnav, #topnav ul{
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: outside;
position: relative;
z-index: 2;
}
#topnav li{
float:left;
position:relative;
}
#topnav a{
display: block;
font-size: 12px;
text-transform: uppercase;
text-decoration: none;
color: #fff;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
}
#topnav a:hover{
color: #fff;
background-color: #605f5d;
}
#topnav ul {
position: absolute;
display: none;
/* background: #222; */
/* z-index: 99; */
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 10px;
border-left: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;
border-right: 1px solid #d6d6d6;
background-color: #FFF;
margin-left: -1px;
}
#topnav ul a {
width: 12em;
padding: 5px 1em;
float: left;
text-transform: none;
color: #000;
border-bottom: 1px dotted #d6d6d6;
}
#topnav ul a:hover {
background-color: #605f5d;
color: #FFF;
}
#topnav ul ul{
top: 0;
}
#topnav li ul ul {
margin-left: 12em;
}
#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li:hover ul ul ul ul{
display:none;
}
#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li li li:hover ul{
display:block;
}
/*---------Menübuttons ID call--------*/
#menu-item-240 {border-left: 1px solid #fff; }
#menu-item-35 {border-left: 1px solid #fff;}
#menu-item-241 {border-left: 1px solid #fff;}
#menu-item-65 {border-left: 1px solid #fff;}
#menu-item-66 {border-left: 1px solid #fff;}
#menu-item-19 {border-left: 1px solid #fff;}mfg kris