Flatcast web radyolarınız için hazırlanmış sarı html radyo indexi. İndex tema alanı genişliği 1000px yüksekliği 600px isteğe göre değiştirilebilir.
Ön izleme linki =>
İndex kodları:
Ekran görüntüsü:
blogcu.com
blogspot.com
tr.gg
rd.gg
fm.tc
v.b
blogspot.com
tr.gg
rd.gg
fm.tc
v.b
Ön izleme linki =>
Bu bağlantı ziyaretçiler için gizlenmiştir. Görmek için lütfen giriş yapın veya üye olun.
İndex kodları:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>xxx FM</title>
<meta name="description" content="flatcast radyo sohbet muzik eglence">
<meta name="keywords" content="flatcast radyo sohbet muzik eglence">
<meta name="author" content="desinged by adanali">
<link href='https://fonts.googleapis.com/css?family=Titillium+Web:300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div class="wrap">
<div class="header">
<div class="logo">
</div>
<div class="menu">
<ul>
<li><a href="https://www.flatcast.com/de/WizTakeOver.aspx?new=-1">DJ GIRISI</a></li>
<li><a href="https://www.flatcast.com/de/WizUsr.aspx" target="_blank">NICK AL</a></li>
<li><a href="https://download.flatcast.net/objects/FlatViewerSetup530.exe" target="_blank">AKTIVEX</a></li>
<li><a href="https:/www.facebook.com" target="_blank">FACEBOOK GRUBUMUZ</a></li>
<li><a href="http://www.allaturkaa.de/radyo/sid.php?no=1574476" target="_blank">SID GONDER</a></li>
<li><a href="https://www.trturka.com/konu/flatcast-fcp-temalar/" target="_blank">DJ TEMALARI</a></li>
<li><a href="https://www.trturka.com/" target="_blank">FORUM</a></li>
</ul>
</div>
</div>
<div class="banner">
<div class="slogan"></div>
</div>
<div class="cizgi" style="margin: 0px auto;"></div>
<div class="radyo-icerik">
<div class="radyo">
<h1>Radyo Canlı Yayın / Keyifli Dinlemeler Hos Sohbetler Dileriz...</h1>
<div class="cizgi"></div>
<IFRAME height="600" width="1000" frameborder="0" scrolling="no" src="https://www.flatcast.com/Player.aspx?sid=sidnoyaz"></IFRAME>
<div class="cizgi"></div>
<div class="yayincilar">
<h2>Yayıncılar</h2>
<marquee class="yayincilar" onmouseover="this.stop()" onmouseout="this.start()" direction="horizontal" scrollamount="3" scrolldelay="60" loop="99999">
<font color="white">
Buraya radyo djlerinizi yazabilirsiniz!!
</font>
</marquee>
</div>
<div class="kurallar">
<h2>Kurallar</h2>
<marquee class="yayincilar" onmouseover="this.stop()" onmouseout="this.start()" direction="horizontal" scrollamount="3" scrolldelay="60" loop="99999">
<font color="white">
Buraya radyo kurallarınızı yazabilirsiniz!!
</font>
</marquee>
</div>
</div>
</div>
<div class="footer">
<div class="cizgi" style="margin: 0px auto;"></div>
<p>Copyright © 2019 Tüm Haklari Radyomuza Aittir. Powered by www.trturka.com</p>
</div>
</div>
<style>
* {
margin: 0px auto;
padding: 0px;
}
body {
background: #333;
font-family: 'Titillium Web', sans-serif;
font-size: 13px;
}
.wrap {
margin: 30px auto;
width: 1010px;
}
.header {
border-top: 10px solid #fff61b;
background-color: #191919;
height: 90px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.logo {
background: url(https://resim.www.trturka.com/images/logo2740c955781d4d8c.png) no-repeat;
float: left;
margin: 30px 0px 30px 5px;
display: block;
width: 222px;
height: 27px;
}
.menu {
float: right;
}
.menu ul {
list-style: none;
}
.menu ul li {
float: left;
line-height: 90px;
}
.menu ul li a {
text-decoration: none;
color: #fff61b;
padding: 0px 10px;
font-size: 16px;
display: block;
}
.menu ul li a:hover {
color: #ffffff;
background: url(https://resim.www.trturka.com/images/menu-hover.jpg) repeat;
}
.banner {
height: 400px;
background: #111532 url(https://resim.www.trturka.com/images/banner.jpg) no-repeat bottom right;
}
.slogan {
background: url(https://resim.www.trturka.com/images/slogan.png);
width: 580px;
height: 229px;
margin-left: 15px;
position: relative;
top: 6em;
}
.radyo-icerik {
padding: 5px 0px;
background: #191919;
}
.radyo {
width: 1000px;
}
.radyo h1 {
font-size: 16px;
color: #fff61b;
font-weight: 300;
}
.cizgi {
background: url(https://resim.www.trturka.com/images/cizgi.jpg) repeat;
height: 2px;
margin: 5px auto;
}
.kurallar {
height: 40px;
background: #000;
margin-top: 5px;
}
.kurallar h2 {
line-height: 40px;
color: #000000;
background: #ffff00;
font-weight: 300;
font-size: 16px;
float: left;
padding: 0px 5px;
width: 70px;
}
.kurallar h2:after {
content: ":";
padding-left: 2px;
}
.kurallar marquee {
float: right;
line-height: 40px;
width: 910px;
padding: 0px 0px 0px 5px;
}
.yayincilar {
height: 40px;
background: #000;
}
.yayincilar h2 {
line-height: 40px;
color: #000000;
background: #ffff00;
font-weight: 300;
font-size: 16px;
float: left;
padding: 0px 5px;
width: 70px;
float: center;
}
.yayincilar h2:after {
content: ":";
padding-left: 2px;
}
.yayincilar marquee {
float: right;
line-height: 40px;
width: 910px;
padding: 0px 0px 0px 5px;
}
.footer {
border-bottom: 10px solid #fff61b;
background-color: #191919;
height: 30px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.footer p {
color: #666;
float: right;
position: relative;
top: 3px;
margin-right: 5px;
}
</style>
</body>
</html>Ekran görüntüsü:
