Flatcast Renkli Equalizer Web Radyo İndexi

Adanalı

Flatkolik.Net
Yönetici
Katılım
9 Haz 2018
Mesajlar
2,893
Puanları
113
Şube
Adana
Cinsiyet
Erkek
Web sitesi
Siteye git
Flatcast web radyoları için hazırlamış olduğum html renkli equalizer web radyo indexi. İndex radyo sayfası, yayın alma sayfası, yayıncılar ve kurallar sayfası olmak üzere toplam 4 sayfadan oluşmaktadır. Blogcu, tr.gg, blogspot, fm.tc tarzı siteler için uyumlu değildir, sadece hosting kullanan radyolar için kullanılabilir.

Ön İzleme Linki => Radyo Adı
İndirme Linki => renkli-equalizer-index.zip

Radyo Sayfası Ekran Görüntüsü:



Yayın Al Sayfası Ekran Görüntüsü:



Yayıncılar Sayfası Ekran Görüntüsü:



Kurallar Sayfası Ekran Görüntüsü:

 

YABANCII34

Kayıtlı Üye
Katılım
23 Eki 2018
Mesajlar
30
Puanları
8
Cinsiyet
Kadın
SLM KARDESIM EMEKLERINE SAGLIK COK GÜZEL BIR INDEX OLMUS

YANLIZ BIR SEY DIYECEM RADYOLARIN COGUNLUGU HOSTINKLI POSTINGLI DEYILKEN NEDEN GENEL RADYOLARA UYUMLU YAPMIYOSUNUZ FLATTA KAC RADYO VARKI HOSTINKLI MESALA BU INDEX BENIM COK HOSUMA GITTI RADYOM TR:GG DIYE BU INDEXI KULLLANMA HAKKIM YOKMU BENCE GENEL YAPINKI INDEXLERI HERKEZ FAYDALANSIN HEM DAHA COK INDIRILIR FORMUNUZ ICINDE DAHA PRESTISLI OLUR TSKLER.
 

Adanalı

Flatkolik.Net
Yönetici
Katılım
9 Haz 2018
Mesajlar
2,893
Puanları
113
Şube
Adana
Cinsiyet
Erkek
Web sitesi
Siteye git
SLM KARDESIM EMEKLERINE SAGLIK COK GÜZEL BIR INDEX OLMUS

YANLIZ BIR SEY DIYECEM RADYOLARIN COGUNLUGU HOSTINKLI POSTINGLI DEYILKEN NEDEN GENEL RADYOLARA UYUMLU YAPMIYOSUNUZ FLATTA KAC RADYO VARKI HOSTINKLI MESALA BU INDEX BENIM COK HOSUMA GITTI RADYOM TR:GG DIYE BU INDEXI KULLLANMA HAKKIM YOKMU BENCE GENEL YAPINKI INDEXLERI HERKEZ FAYDALANSIN HEM DAHA COK INDIRILIR FORMUNUZ ICINDE DAHA PRESTISLI OLUR TSKLER.
Aleyküm selam, öncelikle değerli yorum için teşekkür ederim. Ücretsiz sunulan blogcu, tr.gg gibi siteler sınırlı olduğu, dosya ve klasör barındırılmağı için yapılabilecek şeylerde sınırlı oluyor. O yüzden ben genelde çalışmalarımı hosting kulanan siteler için tasarlıyorum tr.gg eğer istersenirse tek sayfa olarak kullanılabilinir. Radyo sid numarası, radyo boyutu ve adını belirtirseniz eğer yardımcı olabilirim.
 

YABANCII34

Kayıtlı Üye
Katılım
23 Eki 2018
Mesajlar
30
Puanları
8
Cinsiyet
Kadın
PEKI COK COK TSKLER SIMDIDEN EMEGINE SAGLIK
BIRGUNNFM.tr.gg 1585533 BUYUR
 

Adanalı

Flatkolik.Net
Yönetici
Katılım
9 Haz 2018
Mesajlar
2,893
Puanları
113
Şube
Adana
Cinsiyet
Erkek
Web sitesi
Siteye git
PEKI COK COK TSKLER SIMDIDEN EMEGINE SAGLIK
BIRGUNNFM.tr.gg 1585533 BUYUR
Aşağıdaki kodları hiç bir işlem yapmadan ekleyebilirsiniz.

HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>BİRGÜN FM</title>
<meta name="description" content="Türkiye'nin en iyi flatcast web radyosu">
<meta name="keywords" content="Flatcast, radyo, flatcast web radyo, müzik, sohbet, eğlence.">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
</head>
<body>
<div id="genel">
<div id="genislik">
<header id="header" class="duzeltme">
<div class="header-ust">
<div class="logo">
<a href="index.html">
<img src="https://resim.flatkolik.net/images/logo1ccf607bf411394a.png" alt="logo" width="494" height="110">
</a>
</div>
</div>
<nav class="menu">
<ul>
<li class="aktif"><a><i class="fa fa-home"></i>Birgün FM</a></li>
<li><a href="yayin-al.html"><i class="fa fa-headphones" aria-hidden="true"></i>Yayın Al</a></li>
<li><a href="https://www.flatcast.com/de/WizUsr.aspx" target="_blank"><i class="fa fa-user-plus" aria-hidden="true"></i>Nick Al</a></li>
<li><a href="https://download.flatcast.net/objects/FlatViewerSetup530.exe"><i class="fa fa-puzzle-piece" aria-hidden="true"></i>Aktivex</a></li>
<li><a href="http://www.allaturkaa.de/radyo/sid.php?no=1585533" target="_blank"><i class="fa fa-user-md" aria-hidden="true"></i>Sid Gönder</a></li>
<li><a href="kurallar.html" target="_blank"><i class="fa fa-exclamation" aria-hidden="true"></i>Dj Temaları</a></li>
<li><a href="https://www.flatkolik.net" target="_blank"><i class="fa fa-forumbee" aria-hidden="true"></i>Flatkolik.Net</a></li>
</ul>
</nav>
</header>
</div>
<div id="genislik">
<div class="radyo-icerik">
<div class="banner">
<div id="particles-js"></div>
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<div class="banner-alt-yumusatma"></div>
</div>
<div class="radyo-alani">
<div class="r-icerik">
<div class="rad">
<h2>Radyo Canlı Yayın / Radyomuza Hoşgeldiniz Keyifli Dinlemeler Hoş Sohbetler Dileriz...</h2>
<div class="cizgi"></div>
<IFRAME height="600" width="900" frameborder="0" scrolling="no" src="https://www.flatcast.com/Player.aspx?sid=1585533"></IFRAME>
<div class="cizgi"></div>
<div class="reklam-baslik">
<h2>Flatkolik.Net - Flatcast Destek Forumu</h2></div>
<div class="forum-flatkolik">
<a rel="dofollow" href="https://www.flatkolik.net" target="_blank"><img src="https://i.flatkolik.net/images/banner/728-90px-mavi-banner.gif" width="728" height="90" alt="flatcast, flatcast destek, flatcast tema" title="Flatcast, Flatcast destek, Flatcast tema"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-yumusatma"></div>
<footer class="footer">
<span class="copy">
Copyright &copy; 2020 Tüm Haklari BirGün FM'e Aittir Powered by ADANALI | WWW.FLATKOLİK.NET
</span>
</footer>
<script src="https://demo.flatkolik.net/renkli-equalizer-index/js/jquery-3.3.1.min.js"></script>
<script src="https://demo.flatkolik.net/renkli-equalizer-index/js/ss.js"></script>
<a href="#" class="yukari-git"><i class="fa fa-chevron-up"></i></a>
<script>           
            jQuery(document).ready(function() {
                var offset = 220;
                var duration = 500;
                jQuery(window).scroll(function() {
                    if (jQuery(this).scrollTop() > offset) {
                        jQuery('.yukari-git').fadeIn(duration);
                    } else {
                        jQuery('.yukari-git').fadeOut(duration);
                    }
                });
                
                jQuery('.yukari-git').click(function(event) {
                    event.preventDefault();
                    jQuery('html, body').animate({scrollTop: 0}, duration);
                    return false;
                });
            });
        </script>
        
<style>
* {
    padding: 0px;
    margin: 0px auto;
}

body {
    color: #cdd0dd;
    font: 100%/1.5em Arial, Helvetica, Open Sans, sans-serif;
    position: relative;
    background: #000000 url(https://demo.flatkolik.net/renkli-equalizer-index/images/aplan.jpg) top center no-repeat;
}

#genel {
    font-size: 12px;
    font-style: normal;
    line-height: 18px;
}

#genislik {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

#header {
    z-index: 9;
    position: relative;
}

.duzeltme {
    display: block;
}

.header-ust {
    margin-left: auto;
    margin-right: auto;
}

.logo {
    text-align: center;
    width: 494px;
}

nav.menu {
    position: relative;
    z-index: 2;
    height: 50px;
    clear: both;
    width: 1000px;
    margin-top: 0;
    text-align: center;
    padding-top: 10px;
}

nav.menu ul {
    list-style: none;
}

nav.menu ul li {
    display: inline-block;
}

nav.menu ul li a {
    text-decoration: none;
    color: #ffffff;
    font-size: 15px;
    background: url(https://demo.flatkolik.net/renkli-equalizer-index/images/menu.png) left 0px repeat-x;
    display: block;
    height: 50px;
    line-height: 47px;
    -moz-box-shadow: 0 -8px 8px -6px rgba(20, 23, 32, 0.63) inset;
    -webkit-box-shadow: 0 -8px 8px -6px rgba(20, 23, 32, 0.63) inset;
    box-shadow: 0 -8px 8px -6px rgba(20, 23, 32, 0.63) inset;
    display: block;
    width: 126px;
    position: relative;
    top: 0px;
}

nav.menu ul li a:hover {
    background: url(https://demo.flatkolik.net/renkli-equalizer-index/images/menu.png) center -70px repeat-x;
    height: 50px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

nav.menu ul li a i {
    font-size: 18px;
    padding-right: 5px;
}

li.aktif a {
    background: url(https://demo.flatkolik.net/renkli-equalizer-index/images/menu.png) center -70px repeat-x !important;
    height: 50px;
    line-height: 47px;
}

.radyo-icerik {
    position: relative;
    z-index: 0;
    padding: 5px 5px 5px 5px;
    background: #141821 url(https://demo.flatkolik.net/renkli-equalizer-index/images/content.gif) top left repeat-x;
    border: 1px solid #141720;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    min-height: 260px;
}

.banner {
    width: 100%;
    height: 395px;
    background: url(https://demo.flatkolik.net/renkli-equalizer-index/images/banner.jpg) center repeat-x;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
}

.radyo-alani {
    background: #000000;
    padding: 10px;
}

.radyo-alani h2 {
    font-weight: 300;
    font-size: 15px;
    padding-top: 5px;
}

.r-icerik {
    padding: 15px;
    margin: 10px auto 0px auto;
    background: #151515;
}

.rad {
    width: 900px;
    margin: 0px auto;
}

.cizgi {
    background: url(https://demo.flatkolik.net/renkli-equalizer-index/images/cizgi.png) repeat;
    width: 100%;
    height: 2px;
    margin: 8px auto;
}

.forum-flatkolik{
    widows: 100%;
    padding: 15px 0px;
    background: #151515;
    text-align: center;
    border-top: solid 1px #222;
}

.forum-flatkolik img {
    margin: 0 auto;
    border: none;
}

.reklam-baslik {
    width: 100%;
    padding: 5px 0px;
    background: #161616;
    border-bottom: solid 1px #000;
    text-align: center;
}

#particles-js {
    width: 100%;
    height: 395px;
    background-image: url('');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    position: relative;
    z-index: 9999999;
}


.banner-alt-yumusatma {
    width: 100%;
    height: 34px;
    background: url(https://demo.flatkolik.net/renkli-equalizer-index/images/banner-alt-yumusatma.png);
    position: relative;
    top: -25px;
}

.footer {
    text-align: center;
    background: url(https://demo.flatkolik.net/renkli-equalizer-index/images/aplan.jpg) center -10px;
    padding: 30px 0 5px 0px;
    width: 100%;
    margin: 10px 0 0 0;
}

footer span {
    text-align: center;
    line-height: 30px;
}

.footer-yumusatma {
    width: 100%;
    height: 34px;
    background: url(https://demo.flatkolik.net/renkli-equalizer-index/images/footer-ust-yumusatma.png);
    position: relative;
    top: 43px;
}

.kurallar {
    background: #191919;
    padding: 5px;
}

.kurallar ul {
    list-style: none;
    padding: 5px 0px;
}

.kurallar ul li {
    color: #ccc;
    padding: 5px 0;
    font-size: 13px;
}

.kurallar h3 {
    font-size: 17px;
    color: #ccc;
    background: #222;
    text-align: left;
    padding: 10px;
}

.kurallar ul li:before {
    font-family: FontAwesome;
    font-size: inherit;
    font-style: normal;
    font-weight: 300;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 5px;
    content: "\f071";
    color: red;
}

.kurallar h3:before {
    font-family: FontAwesome;
    font-size: inherit;
    font-style: normal;
    font-weight: 300;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 5px;
    content: "\f071";
    color: gray;
}

.yayincilar {
    background: #191919;
    padding: 4.5px;
}

.yayincilar ul {
    display: block;
    list-style: none;
}

.yayincilar ul li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0px;
    width: 220px;
}

.yayincilar i.dj-renk {
    font-size: 14px;
}

td {
    background: #191919;
    border: 1px dashed #999;
    padding: 5px;
    text-align: center;
}

td img {
    width: 100%;
    height: 160px;
    border: dashed 1px #999;
    position: relative;
    left: -1px;
}

.logo {overflow: hidden;position: relative;}
.logo img {position: relative;}
.logo:before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.logo:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
@-webkit-keyframes shine {100% {left: 125%;}}
@keyframes shine {100% {left: 125%;}}

.fa-stack {
    width: 0px !important;
    height: 0px !important;
    line-height: 0px !important;
}

.yukari-git {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    text-decoration: none;
    color: #8098b2!important;
    line-height: 0!important;
    background-color: #021943;
    font-size: 16px;
    padding: 13px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

ul.kural li:before {
    display: none;
}

ul.kural li {
    text-align: center;
    padding: 15px 0px 0px 0px;
}
</style>
</body>
</html>
 

YABANCII34

Kayıtlı Üye
Katılım
23 Eki 2018
Mesajlar
30
Puanları
8
Cinsiyet
Kadın
COK COK TSK EDERIM EMEKLERINE SAGLIK
YANLIZ YÜKLEDIM REKLAMLI GELDI SAYFA COK UZUN OLDU COK REKLAM VAR DILERSEN BEDAVA SITE SIFRESINI VERE BILIRIM REKLAMSIZ DÜZENLEMEK ISTERSEN SAYET YINEDE COK TSKLER
 

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

Yorum yapabilmek için üye olmalısınız

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.

Konuyu toplam 1 üye okuyor. (0 Kayıtlı üye ve 1 Misafir)

Üst