hallo erstmal,
ich bin wp neuling und ich habe leider nichts passendes auf die schnelle gefunden und fange direkt mal mit nem posting an:
ich versuche die childs im menü (tags/menu/etc) die in der sidebar sind von meinen anderen buttons abzuheben, da sie vom design her genauso angezeigt werden wie übergeordneten menüpunkte.
also statt:
- menü
-- untermenü
werden sie so angezeigt:
-menü
-untermenü
die frage ist wie ich die css dazu bringe das sie den childs eine von mir zugeordne bg-grafik anzeigt.
denn aktuell werden mir die childs mit der gleichen bg-grafik angezeigt wie die hauptmenüpunkte.
um nun besser differenzieren zu können würde ich hier optisch nachhelfen können und den childs eine andere bg-grafik zuordnen.
vielen dank für etwaige hilfestellungen eurerseits!
meine css soweit:
/*************************************
menu
*************************************/
#menu{
background:#transparent;
border:0px solid #585550;
border-left:none;
border-right:none;
color:#fff;
float:left;
margin-top:0px;
padding-left:7px;
}
#menu h2{
font-weight:normal;
font-size:16px;
letter-spacing: -0.15em;
}
#menu ul {
margin-top:10px;
padding-left:5px;
margin-left:-15px;
width:230px;
}
#menu ul li{
background:#transparent;
display:block;
font-size:12px;
line-height:1.2;
padding:10px;
letter-spacing: -0.15em;
}
#menu ul li a{
background:#fff url(assets/images/tab.png) repeat-x;
border-bottom:1px solid #202020;
color:#999999;
display:block;
font-weight:bold;
margin:-10px;
padding:10px;
letter-spacing: -0.15em;
}
#menu ul li a:hover{
background:#525252 url(assets/images/stripes.gif);
color:#76e9fd;
}
ul#linkslist li h2, #menu h2{
background:#transparent;
padding:0 10px;
}
ul#linkslist li h2{
margin-left:-10px;
}
ul#linkslist li{
background:#transparent;
margin:10px;
padding:0px;
}
ul#linkslist li ul li{
padding:10px 0;
margin:0px;
}
ul#linkslist li ul li a{
background:#353535 url(assets/images/tab.png) repeat-x;
border-bottom:1px solid #202020;
margin:-10px;
padding:10px;
}
Alles anzeigen