boraninsesi
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bora'nın Sesi Radyo</title>
<style>
body{
margin:0;
background:#111;
font-family:Arial,sans-serif;
color:#fff;
}
.header{
background:#000;
padding:20px;
text-align:center;
border-bottom:3px solid #e81e4d;
}
.logo{
font-size:42px;
font-weight:bold;
color:#fff;
text-shadow:0 0 10px #e81e4d;
}
.alt{
color:#ccc;
font-size:16px;
}
.wrapper{
display:flex;
min-height:600px;
}
.left{
width:220px;
background:#1a1a1a;
padding:15px;
border-right:2px solid #333;
}
.left h3{
margin-top:0;
color:#e81e4d;
}
.channel{
background:#2a2a2a;
padding:10px;
margin-bottom:10px;
border-radius:6px;
}
.main{
flex:1;
padding:20px;
}
.chat{
background:#1d1d1d;
border:1px solid #333;
border-radius:10px;
padding:15px;
min-height:350px;
}
.chat p{
margin:8px 0;
}
.player{
margin-top:20px;
background:#1d1d1d;
padding:15px;
border-radius:10px;
border:1px solid #333;
}
.footer{
text-align:center;
padding:15px;
color:#888;
}
</style>
</head>
<body>
<div class="header">
<div class="logo">🎙️ BORA'NIN SESİ</div>
<div class="alt">Müziğin ve Sohbetin Buluşma Noktası</div>
</div>
<div class="wrapper">
<div class="left">
<h3>📻 Kanallar</h3>
<div class="channel">💬 #Genel</div>
<div class="channel">🎵 #CanliYayin</div>
<div class="channel">🎤 #IstekHatti</div>
<div class="channel">☕ #Muhabbet</div>
</div>
<div class="main">
<div class="chat">
<h2>Hoş Geldiniz</h2>
<p style="color:#ff66cc;"><b>Misafir:</b> Selamün Aleyküm</p>
<p style="color:#00ff99;"><b>BoRa:</b> Hoş geldiniz, keyifli dinlemeler.</p>
<p style="color:#ffcc00;"><b>Radyo:</b> Bora'nın Sesi yayında.</p>
<p style="color:#66ccff;">→ Dinleyici giriş yaptı</p>
<p style="color:#ff9999;">← Dinleyici çıkış yaptı</p>
</div>
<div class="player">
<h2>🎵 Canlı Yayın</h2>
<div data-type="newStreamPlayer"
data-publicToken="ad084530-1936-4726-ab54-19aabd958366"
data-theme="light"
data-color="e81e4d"
data-channelId=""
class="cstrEmbed">
</div>
<script src="https://cdn.cloud.caster.fm/widgets/embed.js"></script>
</div>
</div>
</div>
<div class="footer">
© Bora'nın Sesi Radyo
</div>
</body>
</html>
Yorumlar
Yorum Gönder