HOŞ GELDİNİZ!

Adanalı · 8 Ağustos 2025

Merhaba, bütün ücretli ve ücretsiz sistemlerle uyumlu güzel kolay kullanım özelliği sunan web radyo indexi.

İndex blogspot.com, fm.tc, tr.gg, v.s gibi ücretsiz sistemlerle de uyumlu olarak hazırlanmıştır.

Demo: Web Radyo

Ekran görüntüsü:

İndex Kodları:

HTML:

<!doctype html>
<html lang="tr">
<head>
    <meta charset="UTF-8">

    <title>Web Radyo</title>
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400..900;1,400..900">

    <link rel="stylesheet" href="https://cdn.webturka.net/blogcu-radyolar/one-index/index.css">

    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" media="print" onload="this.media='all'">
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/v4-shims.min.css" media="print" onload="this.media='all'">


<style type="text/css">
:root {
/* SAYFA GENİŞLİK AYARLARI */
--hbl_SayfaGenisligi: 1300px;
--hbl_radius: 8px;
--hbl_radius_4: 4px;
--hbl_NormalYaziBoyu: 15px;
--hbl_DjlerYaziBoyu: 18px;

/* SAYFA RENK PALETİ */
--hbl_ArkaPlanRengi: #181733;
--hbl_UstHeaderRengi: #8e6ae8;
--hbl_MenuArkaPlanRengi: #4a47a3;
--hbl_MenuMetinRengi: #ffffff;
--hbl_LinkRengi: #ffffff;
--hbl_LinkHoverRengi: #ffffff;
--hbl_YaziRengi: #ffffff;
--hbl_FooterArkaPlanRengi: #4a47a3;

/* BANNER AYARLARI */
--hbl_BannerArkaPlan: url(https://static.vecteezy.com/system/resources/previews/007/286/713/non_2x/afro-girl-enjoying-music-wearing-sunglasses-and-headphone-banner-vector.jpg);
--hbl_BannerYuksekligi: 400px;
}
</style>

<body>
    <header class="radyo-header">
        <div class="top-header">
            <div class="wrapper">
                <div class="header-left-column">
                    <div class="sosyal-medya">
                        <ul>
                            <li class="facebook"><a href="https://www.facebook.com/" target="_blank" data-xf-init="tooltip" data-original-title="Facebook"><i class="fab fa-facebook-f"></i></a></li>

                            <li class="twitter"><a href="https://twitter.com/" target="_blank" data-xf-init="tooltip" data-original-title="Twitter"><svg xmlns="https://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512" class><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" /></svg></a></li>

                            <li class="instagram"><a href="https://www.instagram.com/" target="_blank" data-xf-init="tooltip" data-original-title="Instagram"><i class="fab fa-instagram"></i></a></li>

                            <li class="pinterest"><a href="https://www.pinterest.com/" target="_blank" data-xf-init="tooltip" data-original-title="Pinterest"><i class="fab fa-pinterest"></i></a></li>
                        </ul>
                    </div>
                </div>

                <div class="header-logo-column">
                    <img src="https://cdn.webturka.net/styles/farkhosting/hebeleYeniLogo.svg" />
                </div>

                <div class="header-right-column">
                    <ul>
                        <li><a href="https://webturka.net" target="_blank">WebTurka FoRuM</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </header>

    <nav class="menu">
        <div class="wrapper">
            <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://webturka.net" target="_blank">WebTurka Forum</a></li>
                <li><a href="https://www.facebook.com/groups/hebeleface/" target="_blank">Facebook Grubumuz</a></li>
                <li><a href="#" target="_blank">Link Ekle</a></li>
                <li><a href="#" target="_blank">Link Ekle</a></li>
            </ul>
        </div>
    </nav>

    <div class="content">
        <div class="wrapper">
            <div class="banner">
                <div class="djler">
                    <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>

            <div class="radyo-icerik">
                <iframe src='https://chameleon.chattersnet.nl/chat/8754' width='100%' height='600' framespacing='0' frameborder='no' scrolling='no' ></iframe>
            </div>

            <div class="radyo-kurallari">
                <marquee onmouseover="this.stop()" onmouseout="this.start()" direction="horizontal" scrollamount="6" scrolldelay="60" loop="99999">
                        <font>Radyo kurallarını yazabilirsiniz</font>
                    </marquee>
            </div>
        </div>
    </div>

    <footer class="radyo-footer">
        <div class="wrapper">
            <p>xxx FM ©2025 - Tüm hakları saklıdır. | Design By <a href="https://webturka.net">WebTurka</a></p>
        </div>
    </footer>
</body>

</html>

Kod içerisinde bulunan düzenleme alanlarında indexin renklerini, genişliğini, bannerını kolaylıkla değiştirebileceğiniz bir alan mevcuttur. Yapmanız gereken müzik playerinizi uygun gördüğünüz bir alana ekleyin ve indexte bulunan chat iframe alanında ki url kısmını kendi url adresinizle değiştiririn.

İndex rengi, genişliği, v.b özellikleri aşağıdaki bulunan kodlar üzerinden düzenleyebilirsiniz.

CSS:

<style type="text/css">

:root {

/* SAYFA GENİŞLİK AYARLARI */

--hbl_SayfaGenisligi: 1300px;

--hbl_radius: 8px;

--hbl_radius_4: 4px;

--hbl_NormalYaziBoyu: 15px;

--hbl_DjlerYaziBoyu: 18px;



/* SAYFA RENK PALETİ */

--hbl_ArkaPlanRengi: #181733;

--hbl_UstHeaderRengi: #8e6ae8;

--hbl_MenuArkaPlanRengi: #4a47a3;

--hbl_MenuMetinRengi: #ffffff;

--hbl_LinkRengi: #ffffff;

--hbl_LinkHoverRengi: #ffffff;

--hbl_YaziRengi: #ffffff;

--hbl_FooterArkaPlanRengi: #4a47a3;



/* BANNER AYARLARI */

--hbl_BannerArkaPlan: url(https://static.vecteezy.com/system/resources/previews/007/286/713/non_2x/afro-girl-enjoying-music-wearing-sunglasses-and-headphone-banner-vector.jpg);

--hbl_BannerYuksekligi: 400px;

}

</style>

Soru ve sorunlarınız için forum konusunu altından mesaj yazarak destek isteyebilirisiniz.

HOŞ GELDİNİZ!

Burayı Görünüm ve Diller altında bulunan Tema özellikleri > [-MD-] Ziyaretçi Paneli alanından düzenleyebilirsiniz.

Ücretli ve Ücretsiz Bütün Radyolar İçin Hazırlanmış Web Radyo İndexi

Adanalı

Benzer konular

Konuyu toplam 0 üye okuyor. (0 Kayıtlı üye ve 0 Misafir)

Forum istatistikleri

Trend içerik

En yeni üyeler