Kayıt ol
  • Sosyal Medya Hesaplarımız:

Flatcast radyo indexleri için üst menü header html kodu

Adanalı

sɹǝʇ nq ʞǝʇ ɹıq ؛ ɐp ɐpunloʎ ʎǝsɹǝɥ ıʞuɐs
Administrator
10
Katılım
9 Haziran 2018
Konular
1,398
Mesajlar
4,884
Çözümler
5
Reaksiyon puanı
1,324
Puanları
113
Konum
Adana
Cinsiyet
Erkek
Flatcast radyo index yapan arkadaşların işine yarayacağını düşünerek yaptığım html üst header menü ve logo kısmı. Kullanmak isteyen arkadaşlar için kodları alta ekliyorum. Ekleme konusunda yardıma ihtiyaç duyan varsa bu konu altından yazarak destek isteyebilirsiniz. Header kısmında resim dosyası kullanılmamıştır, geliştirilebilir.

Demo Önizleme linki =>
Değerli ziyaretçimiz, içeriği görüntüleyebilmek için lütfen Giriş yap veya Kayıt ol anlayışınız için teşekkürler.


Ekran Görüntüsü:
ust-menu-header-kodu.png


Kodlar:

Css Kodları,
CSS:
.header {width:100%;height:80px;background: rgba(73,155,234,1);
background: -moz-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,0.46) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,0.46)));
background: -webkit-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,0.46) 100%);
background: -o-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,0.46) 100%);
background: -ms-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,0.46) 100%);
background: linear-gradient(to bottom, rgba(73,155,234,1) 0%, rgba(32,124,229,0.46) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=0 )}
.wrap {width:950px;}
.logo {float: left;line-height:80px;color: #ccc;}
.menu {float: right;}
.menu ul {list-style: none;}
.menu ul li {float: left;border-right:solid 1px #191919;}
.menu ul li a {display:block;line-height:80px;padding: 0px 10px;color:white;text-decoration:none;}
.menu ul li a:hover {background: rgba(32,124,229,0.46);
background: -moz-linear-gradient(top, rgba(32,124,229,0.46) 0%, rgba(73,155,234,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(32,124,229,0.46)), color-stop(100%, rgba(73,155,234,1)));
background: -webkit-linear-gradient(top, rgba(32,124,229,0.46) 0%, rgba(73,155,234,1) 100%);
background: -o-linear-gradient(top, rgba(32,124,229,0.46) 0%, rgba(73,155,234,1) 100%);
background: -ms-linear-gradient(top, rgba(32,124,229,0.46) 0%, rgba(73,155,234,1) 100%);
background: linear-gradient(to bottom, rgba(32,124,229,0.46) 0%, rgba(73,155,234,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207ce5', endColorstr='#499bea', GradientType=0 );color: #191919;}

Html kodu,
HTML:
<div class="header">
<div class="wrap">
<div class="logo">
<h1>RADYO ADI</h1>
</div>
<div class="menu">
<ul>
<li><a href="#" >Dj Girişi</a></li>
<li><a href="#" >Nick Al</a></li>
<li><a href="#" >Aktivex</a></li>
<li><a href="#" >Rulete Sid Gönder</a></li>
<li><a href="#" >Facebook Sayfamız</a></li>
<li><a href="https://www.flatkolik.net" >Forum</a></li>
</ul>
</div>
</div>
</div>
 

Sabotaj

Kayıtlı Üye +
1
Katılım
27 Temmuz 2020
Konular
0
Mesajlar
95
Reaksiyon puanı
10
Puanları
8
Cinsiyet
Erkek
emeginize saglik paylasima tesekkurler
 

Yorum yapmak için bir hesap oluşturun veya giriş yapın

Yeni bir konu oluşturabilmek veya konulara cevap verebilmek için sitemize üye olmanız gerekmektedir

Hesap oluştur

Forum sitemizde bir hesap oluşturun. Bu işlem çok kolay!

Giriş yap

Zaten bir hesabınız var mı? Giriş yapın.

DMCA.com Protection Status
Üst