bi merhaba.
arkadaslar elimde bir style dosyası var ve icindeki menüyü, internetten indirdiğim bir menü ile değiştirmek istiyorum. kodlar bir birine yakın ama ben ne yaptıysam uygulayalamadım. aşağida hem asıl menu css kodu ve indirdiğim menünün css kaynağı var. yardımınız önemlidir.
benim style.css 'te bulunan menu kaynak kodlarım
#menu .mLeft li {position: relative; z-index:100;}
#menu .sub {position: absolute; background: #333;border: 6px solid #555;float: left;display: none;padding: 10px;z-index: 9999; margin-top:47px; margin-left:6px; height:auto; width:auto;}
#menu .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
#menu .sub ul{list-style: none;margin: 0; padding: 0;width: auto;float: left; height:auto;}
#menu .sub ul li {float: left;width: 200px;color: #fff;height: 28px;line-height: 24px;border-bottom: 1px solid #666;margin-left: 10px;margin-right: 10px; paddig-bottom:5px;}
#menu .sub ul li a {float: none; text-indent: 0;height: auto;display: block;text-decoration: none;color: #fff;text-align: left;}
#menu .sub ul li a:hover {color: #f4f4f4;}değiştirmek istediğim menü kodları
Alıntı
#cssmenu{
border:none;
border:0px;
margin:0px;
padding:0px;
font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
#cssmenu ul{
background:#333333;
height:35px;
list-style:none;
margin:0;
padding:0;
}
#cssmenu li{
float:left;
padding:0px;
}
#cssmenu li a{
background:#333333 url('images/seperator.gif') bottom right no-repeat;
color:#cccccc;
display:block;
font-weight:normal;
line-height:35px;
margin:0px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
#cssmenu li a:hover, #cssmenu ul li:hover a{
background: #2580a2 url('images/hover.gif') bottom center no-repeat;
color:#FFFFFF;
text-decoration:none;
}
#cssmenu li ul{
background:#333333;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}
#cssmenu li:hover ul{
display:block;
}
#cssmenu li li {
background:url('images/sub_sep.gif') bottom left no-repeat;
display:block;
float:none;
margin:0px;
padding:0px;
width:225px;
}
#cssmenu li:hover li a{
background:none;
}
#cssmenu li ul a{
display:block;
height:35px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
#cssmenu li ul a:hover, #cssmenu li ul li:hover a{
background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
border:0px;
color:#ffffff;
text-decoration:none;
}
#cssmenu p{
clear:left;
}
ilginiz icin şimdiden teşekkürler
