Mesaj #366937 - Yunusemre - Bunu nasıl yaparım

nevelturkteki şu kodu

.menus,.menus *{margin:0;padding:0;list-style:none;list-style-type:none;line-height:1.0}
.menus ul{position:absolute;top:-999em;width:100%}
.menus ul li{width:100%}
.menus li:hover{visibility:inherit}
.menus li{float:left;position:relative}
.menus a{display:block;position:relative}
.menus li:hover ul,.menus li.sfHover ul{left:0;top:100%;z-index:99}
.menus li:hover li ul,.menus li.sfHover li ul{top:-999em}
.menus li li:hover ul,.menus li li.sfHover ul{left:100%;top:0}
.menus li li:hover li ul,.menus li li.sfHover li ul{top:-999em}
.menus li li li:hover ul,.menus li li li.sfHover ul{left:100%;top:0}
.sf-shadow ul{padding:0 8px 9px 0;-moz-border-radius-bottomleft:17px;-moz-border-radius-topright:17px;-webkit-border-top-right-radius:17px;-webkit-border-bottom-left-radius:17px}
.menus .sf-shadow ul.sf-shadow-off{background:transparent}
.menu-primary-container{float:right;padding:0;position:relative;height:30px;z-index:400;margin-top:18px}
.menu-primary{}
.menu-primary ul{min-width:160px}
.menu-primary li a{color:#FFF;padding:4px 15px 4px 15px;text-decoration:none;text-transform:uppercase;font:normal 12px 'Oswald',sans-serif;background:url(http://4.bp.blogspot.com/-P6EAjgvPQZU/TzmH9ce490I/AAAAAAAAElA/Ojz510N3lhE/s000/menu-primary-bg.png) left top repeat-x;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:0 4px 0 0;text-shadow:0 1px 0 #002B37}
.menu-primary li a:hover,.menu-primary li a:active,.menu-primary li a:focus,.menu-primary li:hover > a,.menu-primary li.current-cat > a,.menu-primary li.current_page_item > a,.menu-primary li.current-menu-item > a{color:#FFF;outline:0;background:url(http://4.bp.blogspot.com/-P6EAjgvPQZU/TzmH9ce490I/AAAAAAAAElA/Ojz510N3lhE/s000/menu-primary-bg.png) left -130px repeat-x;text-shadow:0 1px 0 #901D00}
.menu-primary li li a{color:#fff;text-transform:none;background:#D24C2D;padding:8px 15px;margin:0;border:0;font-weight:normal;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-top:2px;text-shadow:0 1px 0 #901D00}
.menu-primary li li a:hover,.menu-primary li li a:active,.menu-primary li li a:focus,.menu-primary li li:hover > a,.menu-primary li li.current-cat > a,.menu-primary li li.current_page_item > a,.menu-primary li li.current-menu-item > a{color:#fff;background:#f5f5f5;outline:0;border-bottom:0;text-decoration:none}
.menu-primary li li li a{margin-left:2px}
.menu-primary a.sf-with-ul{padding-right:20px;min-width:1px}
.menu-primary .sf-sub-indicator{position:absolute;display:block;overflow:hidden;right:0;top:0;padding:7px 10px 0 0}
.menu-primary li li .sf-sub-indicator{padding:7px 10px 0 0}
.wrap-menu-primary .sf-shadow ul{background:url('http://2.bp.blogspot.com/-aqxaeYRIxdw/TzmH9sUUBOI/AAAAAAAAElE/IWaZRiFvBQk/s000/menu-primary-shadow.png') no-repeat bottom right}

.twitterbarozicab{
background: url(http://a1208.hizliresim.com/10/m/c1z3l.png);
color:#fff;
font-size:12px;
width: 100%;
height: 24px;
margin-top:-2px;
border-radius: 10px 0px 10px 10px / 0px 10px 10px 10px;

}


.menu-secondary-container2{position:relative;height:28px;z-index:300;background: url(http://a1208.hizliresim.com/10/m/c1z3l.png); border-right:1px solid #ddd;padding-left:8px;border-left:1px solid #ddd;width:960px;
}

.menu-secondary2{}
.menu-secondary2 ul{min-width:160px;height:18px;}
.menu-secondary2 li a{color:#fff;text-shadow:0px 0px 0px #fff;padding:10px 10px 5px 15px;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif;margin-top:-4px;}
.menu-secondary2 li a:hover,.menu-secondary li a:active,.menu-secondary li a:focus,.menu-secondary2 li:hover > a,.menu-secondary li.current-cat > a,.menu-secondary li.current_page_item > a,.menu-secondary li.current-menu-item > a{color:#fff;text-shadow:0px 0px 10px #fff; 
Devamı Oku: Css3: Border Radius (Yuvarlak-Oval Köşeler) outline:0}
.menu-secondary2 li li a{color:#fff;text-shadow:0px 1px 0px #000;background:#1e1e1e;padding:10px 15px;text-transform:none;margin:0;font:bold 12px Arial,Helvetica,Sans-serif;}
.menu-secondary2 li li a:hover,.menu-secondary li li a:active,.menu-secondary li li a:focus,.menu-secondary2 li li:hover > a,.menu-secondary li li.current-cat > a,.menu-secondary2 li li.current_page_item > a,.menu-secondary li li.current-menu-item > a{color:#000;text-shadow:0px 1px 0px #fff;background:#fff;outline:0}
.menu-secondary2 a.sf-with-ul{padding-right:26px;min-width:1px}
.menu-secondary2 .sf-sub-indicator{position:absolute;display:block;overflow:hidden;right:0;top:0;padding:10px 13px 0 0}
.menu-secondary2 li li .sf-sub-indicator{padding:9px 13px 0 0}
.wrap-menu-secondary .sf-shadow ul{background:url('http://3.bp.blogspot.com/-wYsid6_7Ykg/TzmH9_WEABI/AAAAAAAAElM/l7Rg9YZg12o/s000/menu-secondary-shadow.png') no-repeat bottom right}




.menu-secondary-container{position:relative;height:33px;z-index:300;background: url(http://1.bp.blogspot.com/-kcfgvCWDOcQ/T_H2d_86JuI/AAAAAAAACY8/nrRMUCd50nM/s1600/ozicabmenu-secondary1.png);border-left:1px solid #ddd;padding-left:5px;border-right:1px solid #ddd;width:963px;border-radius: 8px 8px 8px 0px / 8px 8px 0px 8px;border-top:1px solid #ddd;}

.menu-secondary{}
.menu-secondary ul{min-width:160px}
.menu-secondary li a{color:#000;text-shadow:0px 1px 0px #fff;padding:11px 10px 8px 15px;text-decoration:none;font:bold 13px Arial,Helvetica,Sans-serif;}
.menu-secondary li a:hover,.menu-secondary li a:active,.menu-secondary li a:focus,.menu-secondary li:hover > a,.menu-secondary li.current-cat > a,.menu-secondary li.current_page_item > a,.menu-secondary li.current-menu-item > a{color:#fff;text-shadow:0px 1px 0px #000;background:#950505; border-radius: 10px 10px 10px 0px / 10px 10px 0px 10px;
Devamı Oku: Css3: Border Radius (Yuvarlak-Oval Köşeler) outline:0}
.menu-secondary li li a{color:#fff;text-shadow:0px 1px 0px #000;background:#333333;padding:10px 15px;text-transform:none;margin:0;font:bold 13px Arial,Helvetica,Sans-serif;}
.menu-secondary li li a:hover,.menu-secondary li li a:active,.menu-secondary li li a:focus,.menu-secondary li li:hover > a,.menu-secondary li li.current-cat > a,.menu-secondary li li.current_page_item > a,.menu-secondary li li.current-menu-item > a{color:#000;text-shadow:0px 1px 0px #fff;background:#fff;outline:0}
.menu-secondary a.sf-with-ul{padding-right:26px;min-width:1px}
.menu-secondary .sf-sub-indicator{position:absolute;display:block;overflow:hidden;right:0;top:0;padding:10px 13px 0 0}
.menu-secondary li li .sf-sub-indicator{padding:9px 13px 0 0}

modifiyeli arabamdaki şu kod ile değiş

.menus,.menus *{margin:0;padding:0;list-style:none;list-style-type:none;line-height:1.0}
.menus ul{position:absolute;top:-999em;width:100%}
.menus ul li{width:100%}
.menus li:hover{visibility:inherit}
.menus li{float:left;position:relative}
.menus a{display:block;position:relative}
.menus li:hover ul,.menus li.sfHover ul{left:0;top:100%;z-index:99}
.menus li:hover li ul,.menus li.sfHover li ul{top:-999em}
.menus li li:hover ul,.menus li li.sfHover ul{left:100%;top:0}
.menus li li:hover li ul,.menus li li.sfHover li ul{top:-999em}
.menus li li li:hover ul,.menus li li li.sfHover ul{left:100%;top:0}
.sf-shadow ul{padding:0 8px 9px 0;-moz-border-radius-bottomleft:17px;-moz-border-radius-topright:17px;-webkit-border-top-right-radius:17px;-webkit-border-bottom-left-radius:17px}
.menus .sf-shadow ul.sf-shadow-off{background:transparent}
.menu-primary-container{float:left;padding:0 0 0 10px;position:relative;height:42px;background:url(http://1.bp.blogspot.com/-qKwI-4zyqn0/T73ZxWyzWYI/AAAAAAAAAms/HP4ZZ63rUPc/s000/menu-primary-bg.png) left top repeat-x;z-index:400}
.menu-primary{}
.menu-primary ul{min-width:160px}
.menu-primary li a{color:#FFF;text-shadow:0px 1px 0px #000;padding:12px 15px 14px 15px;text-decoration:none;text-transform:uppercase;font:normal 13px 'Oswald',sans-serif;margin:0 2px 0 0}
.menu-primary li a:hover,.menu-primary li a:active,.menu-primary li a:focus,.menu-primary li:hover > a,.menu-primary li.current-cat > a,.menu-primary li.current_page_item > a,.menu-primary li.current-menu-item > a{color:#fff;outline:0;background:url(http://1.bp.blogspot.com/-qKwI-4zyqn0/T73ZxWyzWYI/AAAAAAAAAms/HP4ZZ63rUPc/s000/menu-primary-bg.png) left -142px repeat-x}
.menu-primary li li a{color:#fff;text-transform:none;background:#AB2300;padding:10px 15px;margin:0;border:0;font-weight:normal}
.menu-primary li li a:hover,.menu-primary li li a:active,.menu-primary li li a:focus,.menu-primary li li:hover > a,.menu-primary li li.current-cat > a,.menu-primary li li.current_page_item > a,.menu-primary li li.current-menu-item > a{color:#fff;background:#C63801;outline:0;border-bottom:0;text-decoration:none}
.menu-primary a.sf-with-ul{padding-right:20px;min-width:1px}
.menu-primary .sf-sub-indicator{position:absolute;display:block;overflow:hidden;right:0;top:0;padding:13px 10px 0 0}
.menu-primary li li .sf-sub-indicator{padding:9px 10px 0 0}
.wrap-menu-primary .sf-shadow ul{background:url('http://1.bp.blogspot.com/-Na19681L8Oo/T73Zx7s6kZI/AAAAAAAAAm0/0jqka4Vi8u4/s000/menu-primary-shadow.png') no-repeat bottom right}
.menu-secondary-container{position:relative;height:34px;z-index:300;background:none}
.menu-secondary{}
.menu-secondary ul{min-width:160px}
.menu-secondary li a{color:#CAC9C9;text-shadow:0px 1px 0px #000;padding:16px 15px 0 15px;text-decoration:none;text-transform:uppercase;font:bold 12px Arial,Helvetica,Sans-serif}
.menu-secondary li a:hover,.menu-secondary li a:active,.menu-secondary li a:focus,.menu-secondary li:hover > a,.menu-secondary li.current-cat > a,.menu-secondary li.current_page_item > a,.menu-secondary li.current-menu-item > a{color:#FFF;background:none;outline:0}
.menu-secondary li ul{margin-top:15px}
.menu-secondary li li ul{margin-top:0}
.menu-secondary li li a{color:#FFF;background:#666;padding:10px 15px;text-transform:none;margin:0;font-weight:normal}
.menu-secondary li li a:hover,.menu-secondary li li a:active,.menu-secondary li li a:focus,.menu-secondary li li:hover > a,.menu-secondary li li.current-cat > a,.menu-secondary li li.current_page_item > a,.menu-secondary li li.current-menu-item > a{color:#FFF;background:#7F7F7F;outline:0}
.menu-secondary a.sf-with-ul{padding-right:26px;min-width:1px}
.menu-secondary .sf-sub-indicator{position:absolute;display:block;overflow:hidden;right:0;top:0;padding:14px 13px 0 0}
.menu-secondary li li .sf-sub-indicator{padding:9px 13px 0 0}
.wrap-menu-secondary .sf-shadow ul{background:url('http://2.bp.blogspot.com/-dFCF11vBPqg/T73ZyN_V3XI/AAAAAAAAAm8/LFDZzD_oKyU/s000/menu-secondary-shadow.png') no-repeat bottom right}

ardından yukardaki gösterdiklerimi yaparsan düzelecektir.

Ek Olarak:

.twitterbarozicab{

background: url(http://a1208.hizliresim.com/10/m/c1z3l.png);

color:#fff;

font-size:12px;

width: 100%;

height: 24px;

margin-top:-2px;

border-radius: 10px 0px 10px 10px / 0px 10px 10px 10px;



}

bu kodu çıkarabilirsin onu unuttum..

Üye Girişi Yap