Menü Tasarımı (Editledim)

[RooTX™]

Caps:


Html' Kodu Aşağıdaki Kodu Header'a Yapıştırın.

Kod: Tümünü Seç Tümünü Kopyala

<div id='cssmenu'>
<ul>
   <li class='active'><a href='index.php'><span>Ana Sayfa</span></a></li>
   <li><a href='portal.php'><span>Portal</span></a></li>
   <li><a href='memberlist.php'><span>Üye Listesi</span></a></li>
   <li><a href='calendar.php'><span>Takvim</span></a></li>
   <li><a href='usercp.php'><span>Profil</span></a></li>
   <li class='last'><a href='search.php'><span>Arama</span></a></li>
</ul>
</div>

Css. Kodu Aşağıdaki Kodu Global.css Gelişmiş'den En Alta Yapıştırın.

Kod: Tümünü Seç Tümünü Kopyala

#cssmenu ul {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:33px;
font-size:.6em;
background:url(bg.png) repeat-x top left;
font-family:Verdana,Helvetica,Arial,sans-serif;
border:1px solid #000;
margin:0;
padding:0;
}

#cssmenu li {
display:block;
float:left;
margin:0;
padding:0;
}

#cssmenu li a {
float:left;
color:#A79787;
text-decoration:none;
height:24px;
padding:9px 15px 0;
font-weight:normal;
}

#cssmenu li a:hover,
#cssmenu .active {
color:#fff;
background:url(bg.png) repeat-x top left;
text-decoration:none;
}

#cssmenu .active a {
color:#fff;
font-weight:700;
}


#cssmenu ul{
background-color:#629600;
}
#cssmenu li a:hover,
#cssmenu li.active {
background-color:#7AB900;
}

Not: Arkadaşlar Kodlama Bana Ait Değil Sadece Kodlamalarda Biraz Oynama yaptım

[NewMad]

Teşekkürler

[TheDangerous]

Cssmenümaker sağolsun :) :)

[RooTX™]

Yorumlarınız İçin Teşekkürler

[Hüsamettin]

imagesler upload edilmemiş o yüzden çalışmaz boşuna bakmayın..:)

[Ripbyrustavi]

güzel olmuş :)