#Power Flat Menü v2 - 5 Renk

[#Power]

Eski paylaştığım menüyü (http://destek.10tl.net/showthread.php?tid=75041) biraz düzenledim ve 5 renk olarak paylaşmaya karar verdim.
Not: Menünün kendisi sadece göze hoş gelme amaçlı tasarlanmış olup, renklerde ona göre seçilmiştir.
Öncelikle her renk için geçerli olan HTML kodları:

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

<div id="powermenu">
<li><a href="index.php">Ana Sayfa</li></a>
<li><div class="active"><a href="#">Forum</div></li></a>
<li><a href="portal.php">Portal</li></a>
<li><a href="memberlist.php">Üye Listesi</li></a>
<li><a href="showteam.php">Yönetim Kadrosu</li></a>
</div>

Klasik:
CSS Kodu:

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

#powermenu {
background: #252525;
border-top: #4B77BE 3px solid;
list-style-type: none;
height: 40px;
font-family: Trebuchet MS;
color: #fff;
}
#powermenu li {
float: left;
}
#powermenu li a {
text-decoration: none;
line-height: 10px;
color: #fff;
padding: 15px ;
display: block;
transition: 200ms all;
}

#powermenu li a:hover{
background: #404040;
border-top: #4B77BE solid 5px;
}

#powermenu li .active {
background: #363636;
}

Ön izleme: http://codepen.io/poweredmert/pen/xVQOPV
-
Kırmızı:
Kodlar & Ön izleme: http://codepen.io/poweredmert/pen/mVwbqe
-
Yeşil:
Kodlar & Ön izleme: http://codepen.io/poweredmert/pen/yOQJPW
-
Sarı:
Kodlar & Ön izleme: http://codepen.io/poweredmert/pen/EKOyoV
-
Mor(Pek güzel olmadı ama):
Kodlar & Ön izleme: http://codepen.io/poweredmert/pen/LNXZeb
-
Gri:
Kodlar & Ön izleme: http://codepen.io/poweredmert/pen/YqRWYQ

İyi kullanımlar. Sorunuz/Sorununuz olursa yazabilirsiniz.

[ertank]

Teşekkürler.

[WorperA]

Harika her temaya uyumlumu ?

[QuitterTR]

Her zamanki gibi Mert döktürmüş eline sağlık.

[#Power]

Harika her temaya uyumlumu ?

Sen uydurabilirsen neden olmasın? :) Tasarım bütünlüğü olması gerek.

Her zamanki gibi Mert döktürmüş eline sağlık.

'Her zamanki gibi' yorumlarını görmek beni duygulandırıyor. Sağolun.