Bisoralim Forum-Aranılan Forumun Adresi
Sade İndex - Yazdırılabilir Versiyon

+- Bisoralim Forum-Aranılan Forumun Adresi (https://bisoralim.com/forum)
+-- Forum: Radyolar ve Radyo Temaları (https://bisoralim.com/forum/forumdisplay.php?fid=4)
+--- Forum: Radyo İndex (https://bisoralim.com/forum/forumdisplay.php?fid=77)
+---- Forum: Forum İndexleri (https://bisoralim.com/forum/forumdisplay.php?fid=78)
+---- Konu: Sade İndex (/showthread.php?tid=154)


Sade İndex - Bisoralim.Com - 27.01.2026

Merhaba; sade bir index ile sizlere merhaba demek istedik.  İndex görünümü BURADAN göreebilirsiniz. İndex kodlarını kopyala yapıştır ile radyo sayfanıza uygulayabilirsiniz. 

İndex te değiştirebileceğiniz Alanlar: 

Yayın adresi:   https://YAYIN_ADRESIN:PORT/stream

Chat adresi :  https://SENINCHATADRESIN/chat/

Player üstündeki  yazı kısmını değişebilirsiniz. Altt bölümdeki yazılanları değiştirmeye kalkıştığınızda  index çalışmaz.

İşte İndex Kodunuz: 


Kod:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RadyoKanka | Canlı Yayın</title>

<style>
*{box-sizing:border-box}
body{
    margin:0;
    font-family:Arial,Helvetica,sans-serif;
    background:#050505;
    color:#fff;
}

/* HEADER */
.header{
    padding:40px 20px;
    text-align:center;
    background:linear-gradient(120deg,#000,#111,#1a1a1a);
}
.logo{
    font-size:46px;
    font-weight:bold;
    color:#b00020;
}
.tagline{
    color:#ccc;
    margin-top:8px;
}

/* PLAYER */
.player-box{
    margin:30px auto 0;
    max-width:500px;
    background:#111;
    padding:20px;
    border-radius:18px;
    box-shadow:0 0 20px rgba(0,0,0,.7);
}
.player-box h3{
    margin:0 0 15px;
    color:#b00020;
}
audio{width:100%}

/* DJ SLIDER */
.dj-slider{
    background:#000;
    overflow:hidden;
    padding:20px 0;
}
.dj-track{
    display:flex;
    width:max-content;
    animation:djscroll 30s linear infinite;
}
.dj{
    width:200px;
    margin:0 15px;
    background:#111;
    border-radius:14px;
    padding:15px;
    text-align:center;
}
.dj img{
    width:100%;
    border-radius:10px;
}
@keyframes djscroll{
    from{transform:translateX(100%)}
    to{transform:translateX(-100%)}
}

/* CHAT */
.chat-wrap{
    display:flex;
    justify-content:center;
    padding:50px 10px;
}
.chat-box{
    width:1200px;
    max-width:100%;
    height:800px;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 0 25px rgba(0,0,0,.8);
}
.chat-box iframe{
    width:100%;
    height:100%;
    border:0;
}

/* FOOTER */
.footer{
    background:#000;
    color:#777;
    text-align:center;
    padding:20px;
    font-size:14px;
}
.footer span{
    display:block;
    margin-top:5px;
    font-size:13px;
}
.footer .designer{
    color:#b00020;
    font-weight:bold;
}
</style>
</head>

<body>

<div class="header">
    <div class="logo">RADYOKANKA</div>
    <div class="tagline">Yüreğin Sesi • Canlı Radyo</div>

    <div class="player-box">
        <h3>? CANLI YAYIN</h3>
        <audio controls autoplay>
            <source src="https://YAYIN_ADRESIN:PORT/stream" type="audio/mpeg">
        </audio>
    </div>
</div>

<div class="dj-slider">
    <div class="dj-track">
        <div class="dj">
            <img src="https://images.unsplash.com/photo-1506794778202-cad84cf45f1d">
            <h4>DJ Deliyürek</h4>
        </div>
        <div class="dj">
            <img src="https://images.unsplash.com/photo-1529626455594-4ff0802cfb7e">
            <h4>DJ Berkay</h4>
        </div>
        <div class="dj">
            <img src="https://images.unsplash.com/photo-1500648767791-00dcc994a43e">
            <h4>DJ Altınkuş</h4>
        </div>
        <div class="dj">
            <img src="https://images.unsplash.com/photo-1506794778202-cad84cf45f1d">
            <h4>DJ Deliyürek</h4>
        </div>
    </div>
</div>

<div class="chat-wrap">
    <div class="chat-box">
        <iframe src="https://SENINCHATADRESIN/chat/"></iframe>
    </div>
</div>

<div class="footer">
    © 2026 BisoralimForum • Canlı Yayın Platformu
    <span>Tasarım: <span class="designer">Kırık Nota</span></span>
</div>

</body>
</html>