Harika Menü Kodu

[Einstein™]

Headere veya indexe ekleyeceğimiz html kodu;

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

<div align="right" style="float:right;margin-right:25px;">
</div><div id="menuu"><div class="gfmenu"><ul><li><a href="/" rel="home" title="Anasayfa">Ana Sayfa</a></li><li><a href="/search.php" title="Arama">Arama</a></li><li><a href="/showteam.php" title="Forum Takımı">Forum Takımı</a></li><li><a href="/forum-webmaster" title="Webmaster">Webmaster</a></li><li><a href="/forum-programlar" title="Programlar">Programlar</a></li><li></ul></li></ul></div></div><div id="panel"><br />

Global.css 'ye ekleyeceğimiz css kodu;

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

#menuu{
margin:0 auto;width:1000px
}

.gfmenu{
background:#ffffff;background:-moz-linear-gradient(top,#ffffff 1%,#eaeaea 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#ffffff),color-stop(100%,#eaeaea));background:-webkit-linear-gradient(top,#ffffff 1%,#eaeaea 100%);background:-o-linear-gradient(top,#ffffff 1%,#eaeaea 100%);background:-ms-linear-gradient(top,#ffffff 1%,#eaeaea 100%);background:linear-gradient(top,#ffffff 1%,#eaeaea 100%);color:#333;font:bold 12px Arial;text-shadow:1px 1px 1px rgba(255,255,255,0.8);display:inline-block;width:100%;border:1px solid #ccc;box-shadow:0 2px 5px rgba(0,0,0,.1)
}

.gfmenu ul{
width:1000px;padding:0;margin:0 auto
}

.gfmenu li{
list-style-type:none;display:inline-block;float:left
}

.gfmenu li a{
border-right:1px solid #ccc;color:rgb(43,69,115);display:block;font-size:13px;position:relative;text-decoration:none;padding:11px 13px
}

.gfmenu li a:hover{
background:none repeat scroll 0% 0% rgb(43,69,125);color:#fff;text-shadow:1px 1px 1px #111
}

.gfmenu li a .sf-sub-indicator{
overflow:hidden;position:absolute;text-indent:-9999px
}

.gfmenu li li a,.gfmenu li li a:link,.gfmenu li li a:visited{
border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;background:#ffffff;color:rgb(43,69,115);font-size:11px;position:relative;text-transform:none;width:138px;padding:10px 10px
}

Önizleme;

Canlı önizlemek için; 

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

http://onizle.koddostu.com/

[#Captain]

Gerçekten sade ve güzel bir menü kodu, yeni temalarda kullanılabilir. Teşekkürler.

[Einstein™]

Onemli degil :)

[Ciri]

WM aracı yada r10'da da benzeri bir menü vardı.. Elnie sağlık

[Treebzy]

Eline sağlık yararlı ve kullanıcam ilerde.

[Einstein™]

WM aracı yada r10'da da benzeri bir menü vardı.. Elnie sağlık

Mobilim suan, aynen oyle yanlis yazabilirim buyuk veya affedin.. wmaracinda benzer menu guzel o yuzden..

[meta the god]

@Edward -

Bu mu? :)

[Ciri]

---

benzeriymiş @#Dizz

[meta the god]

Çizgisi azaltılmış, birde yazıların yanına ikon eklenmiş fazla bir fark yok. @Edward

[Einstein™]

sonucta farkli, kodlar vs ayni degil. Emin ol wmaracindakinin aynisi olsaydi paylasacak kadar karaktersiz degilim.

[Einstein™]

Eline sağlık yararlı ve kullanıcam ilerde.

Onemli degil