(11-11-2013, Saat:20:10)TShujin Adlı Kullanıcıdan Alıntı: Direk kodları versen daha kolay olacaktır aslında yada demo site
html:
Kod:
<div id="ustkisim">
<div class="ustmenu">
<ul id="page-bar">
<li><a href="#">Anasayfa</a></li>
<li><a href="#">Hakkımızda</a></li>
<li><a href="#">Ekibimiz</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Reklam-Sponsorluk</a></li>
<li><a href="#">E-Market</a></li>
<li><a href="#">Anketler</a></li>
<li><a href="#">İletişim</a></li>
</ul>
</div>
</div>
css:
Kod:
#ustkisim{
background:url(images/bulut/siyahbg.gif);
width: 76%;
border-top-left-radius:30px;
border-top-right-radius:30px;
box-shadow:0 1px 6px rgba(0,0,0,0.4);
margin:10px auto 0;padding:16px 10px}
.ustmenu{margin-left:15px;float:left;margin-top:-10px;font:13px Regular;}
.ustmenu h3{font-size:14px}
#page-bar ul{margin-top:-6px;list-style:none;}
#page-bar li{margin-top:-6px;float:left;list-style:none;cursor:pointer;display:block;}
#page-bar li:hover{background:#182846 url(images/bulut/tcatbg.png) repeat-x;text-shadow:0 0 20px #fff}
#page-bar a,#page-bar a:visited{color:#FFF;display:block;margin:0;padding:7px 17px;}
#page-bar a:hover{text-decoration:none;display:block;color:#000;text-shadow:0 0 20px #fff}