- Konuyu Başlatan
- AdminCP
- #1
- Katılım
- 9 Haziran 2018
- Konular
- 1,645
- Mesajlar
- 5,891
- Çözümler
- 1
- Reaksiyon puanı
- 1,771
- Puanları
- 113
- Konum
- Adana
- Forum Yaşı
- 8 Yıl 148 Gün
- 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 => Radyo Menü Html Kodu
Ekran Görüntüsü:
Kodlar:
Css Kodları,
Html kodu,
Demo Önizleme linki => Radyo Menü Html Kodu
Ekran Görüntüsü:
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.trturka.com" >Forum</a></li>
</ul>
</div>
</div>
</div>