- Konuyu Başlatan
- AdminCP
- #1
- Katılım
- 9 Haziran 2018
- Konular
- 1,372
- Mesajlar
- 5,622
- Çözümler
- 1
- Reaksiyon puanı
- 1,730
- Puanları
- 113
- Konum
- Adana
- Web sitesi
- webadam.net
- Cinsiyet
- Erkek
Web radyocuları için hazırlanmış basit ve sade dark radyo index şablonu.
Ön izleme demo linki => Radyo Sohbet ve Müzik
Ekran görüntüsü:
Kodlar:
Ön izleme demo linki => Radyo Sohbet ve Müzik
Ekran görüntüsü:
Kodlar:
HTML:
<!DOCTYPE html>
<html lang="tr-TR" dir="LTR">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>Radyo Sohbet ve Müzik | xxx FM</title>
<meta name="description" content="Türkiye'nin en iyi web radyosu">
<meta name="keywords" content="Flatcast, radyo, web radyo, müzik, sohbet, eğlence.">
<meta property="og:site_name" content="Türkiye'nin en iyi web radyosu" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Radyo Sohbet ve Müzik" />
<meta property="twitter:title" content="Radyo Sohbet ve Müzik" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
</head>
<body>
<div class="wrapper">
<div class="header">
<div class="float-left">
<div class="logo">
<h1>RADYO ADI</h1>
</div>
</div>
<div class="float-right">
<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="http://webturka.net/" target="_blank">WebTurka FoRuM</a></li>
</ul>
</div>
</div>
</div>
<div class="yayincilar">
<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="horizontal" scrollamount="6" scrolldelay="60" loop="99999">
<font>Radyo Kurucu: </font>
<font color="#ff0000">xxx</font> |
<font>Sorumluları: </font>
<font color="#00f7ff">xxx</font> ~
<font color="#ff0088">xxx</font> |
<font>ve Ekibi: </font>
<font color="#fffb00">xxx</font> ~
<font color="#6e66ff">xxx</font> ~
<font color="#ff7b00">xxx</font> ~
<font>Harika müzikler eşliğinde keyifli dinlemeler hoş sohbetler dileriz.</font>
</marquee>
</div>
<div class="radyo-icerik">
<!-- MUZİK PLAYER ALANI -->
<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>
<!-- MUZİK PLAYER BİTİŞ -->
<!-- CHAT ALANI -->
<iframe src='https://chameleon.chattersnet.nl/chat/8754' allow='camera;microphone' width='100%' height='600' framespacing='0' frameborder='no' scrolling='no' ></iframe>
<!-- CHAT ALANI BİTİŞ -->
</div>
<div class="copyright">
<div class="hebele">© WebTurka.NeT 2025, Tüm Hakları Saklıdır | <span style="color:red;" class="fa fa-heart"></span> <a href="https://webturka.net" target="_blank" data-wpel-link="internal">WebTurka.NeT</a></div>
</div>
</div>
<style>
body {
margin: 0px auto;
padding: 0px;
}
html {
color: #ccc;
background: #000 url(//cdn.webturka.net/blogcu-radyolar/body-bg.gif);
font-size: 14px;
font-family: 'Poppins', sans-serif;
font-weight: 400;
margin: 0;
padding: 0;
word-wrap: break-word;
--js-display: block;
-webkit-text-size-adjust: 100%;
}
img, iframe, marquee, h1 {
display: block;
}
.wrapper {
max-width: 1100px;
width: 100%;
margin: 0 auto;
}
.header {
display: flex;
align-items: center;
}
.float-left {
float: left;
}
.float-left .logo {
display: block;
margin: 0;
padding: 0;
}
.float-right {
margin-left: auto;
float: right;
}
.menu ul {
list-style: none;
}
.menu ul li {
float: left;
display: inline;
padding-left: 29px;
}
.menu ul li a {
font-size: 14px;
font-weight: bold;
color: #fff;
text-decoration: none;
text-transform: uppercase;
}
.menu ul li a:hover {
color: #d91d2a;
}
.yayincilar, .radyo-icerik, .copyright {
display: block;
border-top: 1px dashed #666;
border-bottom: 1px dashed #666;
padding: 8px 0;
margin: 20px auto;
}
.copyright {
text-align: center;
}
.copyright a {
text-decoration: none;
color: white;
}
</style>
</body>
</html>