<![CDATA[Bisoralim Forum-Aranılan Forumun Adresi - Tüm Forumlar]]> https://bisoralim.com/forum/ Wed, 15 Apr 2026 09:47:02 +0000 MyBB <![CDATA[Süper Neon Renkte İndex Tema]]> https://bisoralim.com/forum/showthread.php?tid=172 Wed, 25 Feb 2026 21:34:30 +0000 Bisoralim.Com]]> https://bisoralim.com/forum/showthread.php?tid=172 İndex  Özellikleri :

✔ DJ resimleri sağdan sola kayan şerit (en az 20 resim)
✔ Altlarında 20 farklı renkli kayan isimler
✔ Chat alanı responsive (kullanıcının boyutuna göre otomatik genişleyip daralır)
✔ Chat altında detaylı radyo kuralları aşağıdan yukarı yavaş akış

DEMO İÇİN TIKLA 







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

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

/* HEADER */
.header{
    text-align:center;
    padding:40px 20px;
    background:linear-gradient(90deg,#0f0c29,#302b63,#24243e);
}
.logo{
    font-size:42px;
    font-weight:bold;
    background:linear-gradient(90deg,#ff00cc,#00f2ff);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.tagline{
    margin-top:10px;
    opacity:.8;
}

/* DJ SLIDER */
.dj-slider{
    overflow:hidden;
    background:#0b0f1f;
    padding:20px 0;
}
.dj-track{
    display:flex;
    width:max-content;
    animation:scrollLeft 40s linear infinite;
}
.dj{
    width:180px;
    margin:0 10px;
    text-align:center;
}
.dj img{
    width:100%;
    height:180px;
    object-fit:cover;
    border-radius:15px;
    box-shadow:0 0 20px rgba(0,255,255,.3);
}

@keyframes scrollLeft{
    from{transform:translateX(100%)}
    to{transform:translateX(-100%)}
}

/* İSİM KAYAN YAZI */
.name-marquee{
    margin-top:10px;
    white-space:nowrap;
    overflow:hidden;
    position:relative;
}
.name-track{
    display:inline-block;
    padding-left:100%;
    animation:nameScroll 25s linear infinite;
}
.name-track span{
    margin:0 25px;
    font-weight:bold;
    font-size:15px;
}

@keyframes nameScroll{
    from{transform:translateX(0)}
    to{transform:translateX(-100%)}
}

/* CHAT */
.chat-container{
    width:95%;
    max-width:1400px;
    margin:40px auto;
}
.chat-box{
    width:100%;
    aspect-ratio:16/9;
    min-height:400px;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 0 40px rgba(0,255,255,.3);
}
.chat-box iframe{
    width:100%;
    height:100%;
    border:0;
}

/* KURALLAR */
.rules-section{
    width:95%;
    max-width:1000px;
    margin:40px auto;
    height:250px;
    overflow:hidden;
    position:relative;
    border-radius:15px;
    background:#0b0f1f;
    box-shadow:0 0 30px rgba(255,0,200,.2);
}

.rules-track{
    position:absolute;
    width:100%;
    animation:scrollUp 60s linear infinite;
}

.rules-track p{
    padding:10px 20px;
    font-size:14px;
    line-height:1.6;
    color:#ccc;
}

@keyframes scrollUp{
    from{transform:translateY(100%)}
    to{transform:translateY(-100%)}
}

/* FOOTER */
.footer{
    text-align:center;
    padding:20px;
    background:#000;
    font-size:14px;
    opacity:.7;
}

/* MOBİL */
@media(max-width:768px){
    .dj{width:130px}
    .dj img{height:130px}
    .chat-box{aspect-ratio:auto;height:400px}
}
</style>
</head>
<body>

<div class="header">
    <div class="logo">RADYOKANKA</div>
    <div class="tagline">Kalbin Frekansı • 7/24 Canlı Yayın</div>
</div>

<!-- DJ RESİM SLIDER -->
<div class="dj-slider">
    <div class="dj-track">

        <!-- 20 RESİM -->
        <!-- İstersen linkleri değiştir -->
        <script>
        for(let i=1;i<=20;i++){
            document.write(`
            <div class="dj">
                <img src="https://picsum.photos/300?random=${i}">
            </div>
            `);
        }
        </script>

    </div>

    <!-- 20 FARKLI RENK İSİM -->
    <div class="name-marquee">
        <div class="name-track">
            <span style="color:#ff0000">Kurucu Kanka</span>
            <span style="color:#00ff00">Admin Mavi</span>
            <span style="color:#00ffff">DJ Kardelen</span>
            <span style="color:#ff00ff">DJ Gece</span>
            <span style="color:#ffff00">DJ Ateş</span>
            <span style="color:#ff8800">DJ Rüzgar</span>
            <span style="color:#00aaff">Admin Seda</span>
            <span style="color:#aa00ff">DJ Fırtına</span>
            <span style="color:#ff4444">DJ Hüzün</span>
            <span style="color:#44ff44">DJ Damar</span>
            <span style="color:#44ffff">DJ Işık</span>
            <span style="color:#ff44ff">DJ Gölge</span>
            <span style="color:#ffaa00">DJ Sevda</span>
            <span style="color:#8888ff">Admin Bora</span>
            <span style="color:#ff6666">DJ Kral</span>
            <span style="color:#66ff66">DJ Melek</span>
            <span style="color:#66ffff">DJ Şahin</span>
            <span style="color:#ff66ff">DJ Yıldız</span>
            <span style="color:#ffffff">Kurucu Patron</span>
            <span style="color:#00ffcc">DJ Asi</span>
        </div>
    </div>
</div>

<!-- CHAT -->
<div class="chat-container">
    <div class="chat-box">
        <iframe src="https://SENINCHATADRESIN/chat/"></iframe>
    </div>
</div>

<!-- RADYO KURALLARI -->
<div class="rules-section">
    <div class="rules-track">
        <p>1. Tüm kullanıcılar saygılı olmak zorundadır.</p>
        <p>2. Küfür, hakaret ve aşağılayıcı sözler yasaktır.</p>
        <p>3. Siyasi propaganda yapmak yasaktır.</p>
        <p>4. Reklam paylaşımı yasaktır.</p>
        <p>5. Özel mesajla rahatsız etmek yasaktır.</p>
        <p>6. DJ yayındayken söz kesilmez.</p>
        <p>7. Yönetici kararlarına itiraz chat ortamında yapılmaz.</p>
        <p>8. Caps Lock kullanımı yasaktır.</p>
        <p>9. Kişisel bilgi paylaşımı yasaktır.</p>
        <p>10. Trollük yapan kullanıcı uzaklaştırılır.</p>
        <p>11. Radyo huzur ortamıdır.</p>
        <p>12. Herkes eşittir.</p>
        <p>13. DJ talepleri spam yapılmaz.</p>
        <p>14. Flood yasaktır.</p>
        <p>15. Sunucu güvenliği önemlidir.</p>
        <p>16. Chat kurallarına uymayan atılır.</p>
        <p>17. Yayın kayıt altına alınabilir.</p>
        <p>18. Kültürlü sohbet esastır.</p>
        <p>19. Aile ortamına uygun davranış zorunludur.</p>
        <p>20. Kurallara uymayanlar süresiz banlanır.</p>
    </div>
</div>

<div class="footer">
© 2026 RadyoKanka • Profesyonel Yayın Platformu
</div>

</body>
</html>
]]> İndex  Özellikleri :

✔ DJ resimleri sağdan sola kayan şerit (en az 20 resim)
✔ Altlarında 20 farklı renkli kayan isimler
✔ Chat alanı responsive (kullanıcının boyutuna göre otomatik genişleyip daralır)
✔ Chat altında detaylı radyo kuralları aşağıdan yukarı yavaş akış

DEMO İÇİN TIKLA 







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

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

/* HEADER */
.header{
    text-align:center;
    padding:40px 20px;
    background:linear-gradient(90deg,#0f0c29,#302b63,#24243e);
}
.logo{
    font-size:42px;
    font-weight:bold;
    background:linear-gradient(90deg,#ff00cc,#00f2ff);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.tagline{
    margin-top:10px;
    opacity:.8;
}

/* DJ SLIDER */
.dj-slider{
    overflow:hidden;
    background:#0b0f1f;
    padding:20px 0;
}
.dj-track{
    display:flex;
    width:max-content;
    animation:scrollLeft 40s linear infinite;
}
.dj{
    width:180px;
    margin:0 10px;
    text-align:center;
}
.dj img{
    width:100%;
    height:180px;
    object-fit:cover;
    border-radius:15px;
    box-shadow:0 0 20px rgba(0,255,255,.3);
}

@keyframes scrollLeft{
    from{transform:translateX(100%)}
    to{transform:translateX(-100%)}
}

/* İSİM KAYAN YAZI */
.name-marquee{
    margin-top:10px;
    white-space:nowrap;
    overflow:hidden;
    position:relative;
}
.name-track{
    display:inline-block;
    padding-left:100%;
    animation:nameScroll 25s linear infinite;
}
.name-track span{
    margin:0 25px;
    font-weight:bold;
    font-size:15px;
}

@keyframes nameScroll{
    from{transform:translateX(0)}
    to{transform:translateX(-100%)}
}

/* CHAT */
.chat-container{
    width:95%;
    max-width:1400px;
    margin:40px auto;
}
.chat-box{
    width:100%;
    aspect-ratio:16/9;
    min-height:400px;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 0 40px rgba(0,255,255,.3);
}
.chat-box iframe{
    width:100%;
    height:100%;
    border:0;
}

/* KURALLAR */
.rules-section{
    width:95%;
    max-width:1000px;
    margin:40px auto;
    height:250px;
    overflow:hidden;
    position:relative;
    border-radius:15px;
    background:#0b0f1f;
    box-shadow:0 0 30px rgba(255,0,200,.2);
}

.rules-track{
    position:absolute;
    width:100%;
    animation:scrollUp 60s linear infinite;
}

.rules-track p{
    padding:10px 20px;
    font-size:14px;
    line-height:1.6;
    color:#ccc;
}

@keyframes scrollUp{
    from{transform:translateY(100%)}
    to{transform:translateY(-100%)}
}

/* FOOTER */
.footer{
    text-align:center;
    padding:20px;
    background:#000;
    font-size:14px;
    opacity:.7;
}

/* MOBİL */
@media(max-width:768px){
    .dj{width:130px}
    .dj img{height:130px}
    .chat-box{aspect-ratio:auto;height:400px}
}
</style>
</head>
<body>

<div class="header">
    <div class="logo">RADYOKANKA</div>
    <div class="tagline">Kalbin Frekansı • 7/24 Canlı Yayın</div>
</div>

<!-- DJ RESİM SLIDER -->
<div class="dj-slider">
    <div class="dj-track">

        <!-- 20 RESİM -->
        <!-- İstersen linkleri değiştir -->
        <script>
        for(let i=1;i<=20;i++){
            document.write(`
            <div class="dj">
                <img src="https://picsum.photos/300?random=${i}">
            </div>
            `);
        }
        </script>

    </div>

    <!-- 20 FARKLI RENK İSİM -->
    <div class="name-marquee">
        <div class="name-track">
            <span style="color:#ff0000">Kurucu Kanka</span>
            <span style="color:#00ff00">Admin Mavi</span>
            <span style="color:#00ffff">DJ Kardelen</span>
            <span style="color:#ff00ff">DJ Gece</span>
            <span style="color:#ffff00">DJ Ateş</span>
            <span style="color:#ff8800">DJ Rüzgar</span>
            <span style="color:#00aaff">Admin Seda</span>
            <span style="color:#aa00ff">DJ Fırtına</span>
            <span style="color:#ff4444">DJ Hüzün</span>
            <span style="color:#44ff44">DJ Damar</span>
            <span style="color:#44ffff">DJ Işık</span>
            <span style="color:#ff44ff">DJ Gölge</span>
            <span style="color:#ffaa00">DJ Sevda</span>
            <span style="color:#8888ff">Admin Bora</span>
            <span style="color:#ff6666">DJ Kral</span>
            <span style="color:#66ff66">DJ Melek</span>
            <span style="color:#66ffff">DJ Şahin</span>
            <span style="color:#ff66ff">DJ Yıldız</span>
            <span style="color:#ffffff">Kurucu Patron</span>
            <span style="color:#00ffcc">DJ Asi</span>
        </div>
    </div>
</div>

<!-- CHAT -->
<div class="chat-container">
    <div class="chat-box">
        <iframe src="https://SENINCHATADRESIN/chat/"></iframe>
    </div>
</div>

<!-- RADYO KURALLARI -->
<div class="rules-section">
    <div class="rules-track">
        <p>1. Tüm kullanıcılar saygılı olmak zorundadır.</p>
        <p>2. Küfür, hakaret ve aşağılayıcı sözler yasaktır.</p>
        <p>3. Siyasi propaganda yapmak yasaktır.</p>
        <p>4. Reklam paylaşımı yasaktır.</p>
        <p>5. Özel mesajla rahatsız etmek yasaktır.</p>
        <p>6. DJ yayındayken söz kesilmez.</p>
        <p>7. Yönetici kararlarına itiraz chat ortamında yapılmaz.</p>
        <p>8. Caps Lock kullanımı yasaktır.</p>
        <p>9. Kişisel bilgi paylaşımı yasaktır.</p>
        <p>10. Trollük yapan kullanıcı uzaklaştırılır.</p>
        <p>11. Radyo huzur ortamıdır.</p>
        <p>12. Herkes eşittir.</p>
        <p>13. DJ talepleri spam yapılmaz.</p>
        <p>14. Flood yasaktır.</p>
        <p>15. Sunucu güvenliği önemlidir.</p>
        <p>16. Chat kurallarına uymayan atılır.</p>
        <p>17. Yayın kayıt altına alınabilir.</p>
        <p>18. Kültürlü sohbet esastır.</p>
        <p>19. Aile ortamına uygun davranış zorunludur.</p>
        <p>20. Kurallara uymayanlar süresiz banlanır.</p>
    </div>
</div>

<div class="footer">
© 2026 RadyoKanka • Profesyonel Yayın Platformu
</div>

</body>
</html>
]]> <![CDATA[YENİ NESİL RADYO TEMALARI - 15]]> https://bisoralim.com/forum/showthread.php?tid=171 Mon, 09 Feb 2026 16:36:28 +0000 SaDe]]> https://bisoralim.com/forum/showthread.php?tid=171 [Resim: SADEDEN1121.jpg]]]> [Resim: SADEDEN1121.jpg]]]> <![CDATA[YENİ NESİL RADYO TEMALARI - 14]]> https://bisoralim.com/forum/showthread.php?tid=170 Mon, 09 Feb 2026 16:30:46 +0000 SaDe]]> https://bisoralim.com/forum/showthread.php?tid=170 [Resim: sadeden7776.jpg]]]> [Resim: sadeden7776.jpg]]]> <![CDATA[YENİ NESİL RADYO TEMALARI - 13]]> https://bisoralim.com/forum/showthread.php?tid=169 Mon, 09 Feb 2026 16:27:09 +0000 SaDe]]> https://bisoralim.com/forum/showthread.php?tid=169 [Resim: SADEDEN887.jpg]]]> [Resim: SADEDEN887.jpg]]]> <![CDATA[YENİ NESİL RADYO TEMALARI - 12]]> https://bisoralim.com/forum/showthread.php?tid=168 Mon, 09 Feb 2026 16:25:42 +0000 SaDe]]> https://bisoralim.com/forum/showthread.php?tid=168 [Resim: SADEden890.jpg]]]> [Resim: SADEden890.jpg]]]> <![CDATA[TUANA oturan eli yuzunde TEMA]]> https://bisoralim.com/forum/showthread.php?tid=167 Thu, 05 Feb 2026 20:45:58 +0000 Gamze]]> https://bisoralim.com/forum/showthread.php?tid=167 [Resim: img_6984ff2e4a73b7.47428114.jpg]]]> [Resim: img_6984ff2e4a73b7.47428114.jpg]]]> <![CDATA[SEDA eliimnde cicekk TEMA]]> https://bisoralim.com/forum/showthread.php?tid=166 Fri, 30 Jan 2026 18:43:03 +0000 Gamze]]> https://bisoralim.com/forum/showthread.php?tid=166 [Resim: dfghjk.jpg]]]> [Resim: dfghjk.jpg]]]> <![CDATA[SEDA CIZGILI SIYAH BEYAZ TEMA]]> https://bisoralim.com/forum/showthread.php?tid=165 Fri, 30 Jan 2026 18:38:37 +0000 Gamze]]> https://bisoralim.com/forum/showthread.php?tid=165 [Resim: bitanwsii_degerlim.jpg]]]> [Resim: bitanwsii_degerlim.jpg]]]> <![CDATA[SEDA SAPKA TEMA]]> https://bisoralim.com/forum/showthread.php?tid=164 Fri, 30 Jan 2026 18:34:25 +0000 Gamze]]> https://bisoralim.com/forum/showthread.php?tid=164 [Resim: bitanesii134.jpg]]]> [Resim: bitanesii134.jpg]]]> <![CDATA[SEDA BEYAZ kazak TEMA]]> https://bisoralim.com/forum/showthread.php?tid=163 Fri, 30 Jan 2026 18:32:07 +0000 Gamze]]> https://bisoralim.com/forum/showthread.php?tid=163 [Resim: hzjuki.gif]]]> [Resim: hzjuki.gif]]]> <![CDATA[SEDA GOZLUKK CANTALI TEMA]]> https://bisoralim.com/forum/showthread.php?tid=162 Fri, 30 Jan 2026 18:26:53 +0000 Gamze]]> https://bisoralim.com/forum/showthread.php?tid=162 [Resim: 97ba979a-bgnh.jpg]]]> [Resim: 97ba979a-bgnh.jpg]]]> <![CDATA[TUANA eli sacinda]]> https://bisoralim.com/forum/showthread.php?tid=161 Tue, 27 Jan 2026 20:41:29 +0000 Gamze]]> https://bisoralim.com/forum/showthread.php?tid=161 [Resim: tuanam.jpg]]]> [Resim: tuanam.jpg]]]> <![CDATA[TUANA siyah gomlk]]> https://bisoralim.com/forum/showthread.php?tid=160 Tue, 27 Jan 2026 20:38:12 +0000 Gamze]]> https://bisoralim.com/forum/showthread.php?tid=160 [Resim: tuana-7-2.jpg]]]> [Resim: tuana-7-2.jpg]]]> <![CDATA[BERKAY manzara siyah gmlek]]> https://bisoralim.com/forum/showthread.php?tid=159 Tue, 27 Jan 2026 20:34:54 +0000 Gamze]]> https://bisoralim.com/forum/showthread.php?tid=159 [Resim: berkay_1.jpg]]]> [Resim: berkay_1.jpg]]]> <![CDATA[Neon Nabız İndex]]> https://bisoralim.com/forum/showthread.php?tid=158 Tue, 27 Jan 2026 20:34:35 +0000 Bisoralim.Com]]> https://bisoralim.com/forum/showthread.php?tid=158 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:#04060a;
    color:#fff;
}

/* HEADER */
.header{
    padding:40px 20px;
    text-align:center;
    background:
    radial-gradient(circle at top,#0a1a2f,#050505 70%);
}
.logo{
    font-size:46px;
    font-weight:bold;
    background:linear-gradient(90deg,#00c6ff,#b00020);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.tagline{
    color:#9aa;
    margin-top:8px;
}

/* PLAYER */
.player-box{
    margin:30px auto 0;
    max-width:500px;
    background:#0b0f16;
    padding:20px;
    border-radius:18px;
    position:relative;
    animation:pulse 2.2s infinite;
}

/* NABIZ EFEKTİ */
@keyframes pulse{
    0%{
        box-shadow:
        0 0 10px rgba(0,198,255,.6),
        0 0 25px rgba(176,0,32,.5);
    }
    50%{
        box-shadow:
        0 0 25px rgba(0,198,255,.9),
        0 0 55px rgba(176,0,32,.9);
    }
    100%{
        box-shadow:
        0 0 10px rgba(0,198,255,.6),
        0 0 25px rgba(176,0,32,.5);
    }
}

.player-box h3{
    margin:0 0 15px;
    color:#00c6ff;
}
audio{width:100%}

/* DJ SLIDER */
.dj-slider{
    background:#020409;
    overflow:hidden;
    padding:25px 0;
}
.dj-track{
    display:flex;
    width:max-content;
    animation:djscroll 30s linear infinite;
}
.dj{
    width:200px;
    margin:0 15px;
    background:#0b0f16;
    border-radius:14px;
    padding:15px;
    text-align:center;
    box-shadow:0 0 15px rgba(0,198,255,.2);
}
.dj img{
    width:100%;
    border-radius:10px;
}
.dj h4{
    margin-top:10px;
    color:#b00020;
}

@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,198,255,.3),
    0 0 45px rgba(176,0,32,.3);
}
.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{
    background:linear-gradient(90deg,#00c6ff,#b00020);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-weight:bold;
}
</style>
</head>

<body>

<div class="header">
    <div class="logo">RADYO ADINIZ</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 ADI</h4>
        </div>
        <div class="dj">
            <img src="https://images.unsplash.com/photo-1529626455594-4ff0802cfb7e">
            <h4>DJ ADI</h4>
        </div>
        <div class="dj">
            <img src="https://images.unsplash.com/photo-1500648767791-00dcc994a43e">
            <h4>DJ ADI</h4>
        </div>
        <div class="dj">
            <img src="https://images.unsplash.com/photo-1506794778202-cad84cf45f1d">
            <h4>DJ ADI</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>
]]> 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:#04060a;
    color:#fff;
}

/* HEADER */
.header{
    padding:40px 20px;
    text-align:center;
    background:
    radial-gradient(circle at top,#0a1a2f,#050505 70%);
}
.logo{
    font-size:46px;
    font-weight:bold;
    background:linear-gradient(90deg,#00c6ff,#b00020);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.tagline{
    color:#9aa;
    margin-top:8px;
}

/* PLAYER */
.player-box{
    margin:30px auto 0;
    max-width:500px;
    background:#0b0f16;
    padding:20px;
    border-radius:18px;
    position:relative;
    animation:pulse 2.2s infinite;
}

/* NABIZ EFEKTİ */
@keyframes pulse{
    0%{
        box-shadow:
        0 0 10px rgba(0,198,255,.6),
        0 0 25px rgba(176,0,32,.5);
    }
    50%{
        box-shadow:
        0 0 25px rgba(0,198,255,.9),
        0 0 55px rgba(176,0,32,.9);
    }
    100%{
        box-shadow:
        0 0 10px rgba(0,198,255,.6),
        0 0 25px rgba(176,0,32,.5);
    }
}

.player-box h3{
    margin:0 0 15px;
    color:#00c6ff;
}
audio{width:100%}

/* DJ SLIDER */
.dj-slider{
    background:#020409;
    overflow:hidden;
    padding:25px 0;
}
.dj-track{
    display:flex;
    width:max-content;
    animation:djscroll 30s linear infinite;
}
.dj{
    width:200px;
    margin:0 15px;
    background:#0b0f16;
    border-radius:14px;
    padding:15px;
    text-align:center;
    box-shadow:0 0 15px rgba(0,198,255,.2);
}
.dj img{
    width:100%;
    border-radius:10px;
}
.dj h4{
    margin-top:10px;
    color:#b00020;
}

@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,198,255,.3),
    0 0 45px rgba(176,0,32,.3);
}
.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{
    background:linear-gradient(90deg,#00c6ff,#b00020);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-weight:bold;
}
</style>
</head>

<body>

<div class="header">
    <div class="logo">RADYO ADINIZ</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 ADI</h4>
        </div>
        <div class="dj">
            <img src="https://images.unsplash.com/photo-1529626455594-4ff0802cfb7e">
            <h4>DJ ADI</h4>
        </div>
        <div class="dj">
            <img src="https://images.unsplash.com/photo-1500648767791-00dcc994a43e">
            <h4>DJ ADI</h4>
        </div>
        <div class="dj">
            <img src="https://images.unsplash.com/photo-1506794778202-cad84cf45f1d">
            <h4>DJ ADI</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>
]]>