https://instagram.com/alphazzers
   
Konuyu Oyla:
  • Toplam: 2 Oy - Ortalama: 4.5
  • 1
  • 2
  • 3
  • 4
  • 5
#Power Flat Menü v2 - 5 Renk
#1
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:
<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:
#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.
Ara
Cevapla PGM
Teşekkür verenler:
#2
Teşekkürler.
Ara
Cevapla PGM
Teşekkür verenler:
#3
Harika her temaya uyumlumu ?
Ara
Cevapla PGM
Teşekkür verenler:
#4
Her zamanki gibi Mert döktürmüş eline sağlık.
Olduğum Yetkiler :
Bölüm Şefi Adayı ► Bölüm Şefi 1.Seviye ► Bölüm Şefi 2.Seviye ► Emektar Üye ► Bölüm Şefi 1.Seviye ► Emektar Üye




Cevapla PGM
Teşekkür verenler:
#5
(01-05-2016 Saat: 18:57)WorperA Nickli Kullanıcıdan Alıntı: Harika her temaya uyumlumu ?
Sen uydurabilirsen neden olmasın? :) Tasarım bütünlüğü olması gerek.
(01-05-2016 Saat: 19:11)QuitterTR Nickli Kullanıcıdan Alıntı: Her zamanki gibi Mert döktürmüş eline sağlık.

'Her zamanki gibi' yorumlarını görmek beni duygulandırıyor. Sağolun.
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 6 Ziyaretçi


Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping