Sarı ve gri tonlarında yeni radyolara uyumlu HTML web radyo indexi. Ücretsiz siteler için uyumludur. Bütün alanlar değiştirebilir istediğiniz her alanı kendinize göre değiştirebilirsiniz.
Ön izleme linki => xxxxxx Fm
Ekran görüntüsü:
Aşağıdaki kodları kendinize göre düzenleyerek sitenize eklemeniz yeterlidir.
İndex kodları:
Ön izleme linki => xxxxxx Fm
Ekran görüntüsü:
Aşağıdaki kodları kendinize göre düzenleyerek sitenize eklemeniz yeterlidir.
İ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>xxxxxx Fm</title>
<!-- Yazı Fontu -->
<link href='https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
<!-- Css -->
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div class="header">
<div class="wrap">
<div class="ust">
<div class="logo">
<h1>RADYO ADI</h1>
</div>
</div>
<div class="menu">
<ul>
<li><a href="http://www.agame.com/game/bubble-shooter" target="_blank">Oyun Oyna</a></li>
<li><a href="http://www.gazeteoku.tv/" target="_blank">Gazete Oku</a></li>
<li><a href="https://www.hebele.net" target="_blank">Hebele Forum</a></li>
<li><a href="#" target="_blank">Link Ekle</a></li>
<li><a href="#" target="_blank">Link Ekle</a></li>
<li><a href="#" target="_blank">Link Ekle</a></li>
<li><a href="#" target="_blank">Link Ekle</a></li>
</ul>
</div>
<div class="icerik">
<div class="radyo-icerik">
<div class="yayincilar">
<marquee onmouseover="this.stop()" onmouseout="this.start()" behavior="left">
Radyo Kurucusu: <font color="red">xxx</font>
Gönüllerinize Taht Kuracak Dj Ekibimiz:
<font color="yellow">xxx ~~</font>
<font color="blue">xxx ~~</font>
<font color="green">xxx ~~</font>
Keyifli Dinlemeler Hoş Sohbetler Dileriz..
</marquee>
</div>
<div class="banner"></div>
<div class="cizgi"></div>
<div class="player">
<div data-type="newStreamPlayer" data-publicToken="877eabe5-185b-490d-8a02-28e68787810c" data-theme="dark" data-color="e81e4d" data-channelId="" data-rendered="false" class="cstrEmbed"><a href="https://www.caster.fm">Shoutcast Hosting</a> <a href="https://www.caster.fm">Stream Hosting</a> <a href="https://www.caster.fm">Radio Server Hosting</a></div><script src="//cdn.cloud.caster.fm//widgets/embed.js"></script>
</div>
<div class="cizgi"></div>
<h1>Radyo Canlı Yayın / Hoşgeldiniz Keyifli Dinlemeler Hoş Sohbetler Dileriz</h1>
<div class="cizgi"></div>
<iframe src='https://chameleon.chattersnet.nl/chat/8754' allow='camera;microphone' width='100%' height='600' framespacing='0' frameborder='no' scrolling='no' ></iframe>
</div>
</div>
</div>
<div class="footer">
<div class="wrap">
<div class="copyright">
<span>Copyright @ 2019 Tüm Haklarımız Saklıdır. Design By HeBeLe Forum</span>
</div>
<div class="link">
<ul>
<li><a href="https://www.hebele.net/" target="_blank">Flatcast Destek</a></li>
<li><a href="https://www.hebele.net/" target="_blank">Dj Temaları</a></li>
<li><a href="https://www.hebele.net/forums/web-radyo-indexleri/" target="_blank">Radyo İndexleri</a></li>
<li><a href="https://www.hebele.net/" target="_blank">Dj Programları</a></li>
</ul>
</div>
</div>
<div class="cizgi"></div>
</div>
<style>
.yayincilar {background: #222; margin-bottom: 10px;padding: 15px 5px;}
.yayincilar marquee {font-size: 17px;color: #b57e00;width: 100%;}
* {margin: 0 auto; padding: 0;}
body {background: #222; font-family: 'Yanone Kaffeesatz', sans-serif;}
.header {width: 100%; height: 340px; background: #b57e00;}
.wrap {width: 1100px;}
.ust {padding: 20px 0px;}
.logo {margin: 22px 0px; text-align: center; font-size: 45px; color: #fff;}
.menu {background: #222222; height: 50px; margin-bottom: 20px;}
.menu ul {list-style: none;}
.menu ul li {float: left; line-height: 50px;}
.menu ul li a {color: #ffffff; text-decoration: none; display: block; padding: 0 20px; font-size: 17px;}
.menu ul li a:hover {background: #333;}
.icerik {background: #333; padding: 10px;margin-bottom:30px;}
.radyo-icerik {width: 100%; margin: 0 auto;}
.banner {background: url('https://i.hizliresim.com/4253ljc.jpg') no-repeat -492px -494px; height: 350px; opacity: 0.4; }
.radyo-icerik h1 {font-size: 22px; color: #b57e00; font-weight: 400;}
.cizgi {height: 2px; background: url('https://s18.directupload.net/images/190430/suo4ls5z.png'); margin: 10px 0px;}
.footer {background: #111; border-top: solid 15px #b57e00;}
.copyright {color: #fff; font-weight: 300; padding-top: 10px; display: inline-block;}
.link {float: right; padding-top: 10px;}
.link ul {list-style: none;}
.link ul li {float: left;}
.link ul li a {text-decoration: none; color: #fff; padding: 0 5px;}
</style>
</body>
</html>