IRCd Forum Mor Html Tema

**Regex** · 03 Mart 2026, 11:30

Konuya @ImOriqinaL ve @immortaL'in de yorumlarını bekliyorum. Webmaster olmaları, teknik bakış açısıyla ufuk katacaktır.

**Cry** · 03 Mart 2026, 13:58

Elinize sağlık, güzel görünüyor.

**Schwarz** · 03 Mart 2026, 14:04

Eline sağlık, İlk fırsatta kullanacağım.

**immortaL** · 03 Mart 2026, 14:28

Alıntı:

İlk Gönderen Regex

Konuya @[Only registered and activated users can see links. ] ve @[Only registered and activated users can see links. ]'in de yorumlarını bekliyorum. Webmaster olmaları, teknik bakış açısıyla ufuk katacaktır.

Gayet hoş ve kullanışlı olmuş tek sayfa giriş sayfası emeğine sağlık @[Only registered and activated users can see links. ]

**eQuaL** · 03 Mart 2026, 19:25

Alıntı:

İlk Gönderen eLfida

Renge bayıldım!
Eline sağlık

Alıntı:

İlk Gönderen eFe

gayet güzel emeğine sağlık bu temaya 2 3 tane daha iletişim hakkımızda kurallar gıbı indexler eklenip daha da geliştirıleblır

Buda benden olsun

HTML Code:

<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>IRCdForum - Ücretsiz Sohbet ve Radyo</title>

<meta name="description" content="Mobil uyumlu ücretsiz sohbet odaları. Hemen katıl, yeni insanlarla tanış ve canlı radyo dinle.">
<meta name="keywords" content="sohbet, chat, sohbet odaları, ücretsiz chat, mobil sohbet">
<meta name="robots" content="index, follow">

<!-- Google Font -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap" rel="stylesheet">

<style>
:root{
  --bg1:[URL=https://www.ircdforum.net/usertag.php?do=list&action=hash&hash=6a5cff]#6a5cff[/URL] ;
  --bg2:[URL=https://www.ircdforum.net/usertag.php?do=list&action=hash&hash=ff4ecd]#ff4ecd[/URL] ;
  --glass:rgba(255,255,255,0.08);
  --text:#ffffff;
  --card-border:rgba(255,255,255,0.15);
}

body{
  margin:0;
  font-family:'Inter',sans-serif;
  color:var(--text);
  background: linear-gradient(-45deg,var(--bg1),var(--bg2),[URL=https://www.ircdforum.net/usertag.php?do=list&action=hash&hash=33ccff]#33ccff[/URL] ,[URL=https://www.ircdforum.net/usertag.php?do=list&action=hash&hash=ff33aa]#ff33aa[/URL] );
  background-size:400% 400%;
  animation: gradient 15s ease infinite;
  min-height:100vh;
}

@keyframes gradient{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

/* NAVBAR */
.navbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:20px 8%;
  backdrop-filter:blur(20px);
  background:rgba(0,0,0,0.2);
  position:sticky;
  top:0;
  z-index:1000;
}

.logo{
  font-weight:800;
  font-size:22px;
}

.nav-links{
  display:flex;
  gap:25px;
}

.nav-links a{
  text-decoration:none;
  color:white;
  font-weight:500;
  opacity:0.8;
  transition:0.3s;
}

.nav-links a:hover{
  opacity:1;
}

.toggle{
  cursor:pointer;
  padding:8px 16px;
  border-radius:20px;
  border:1px solid white;
  font-size:13px;
}

/* HERO */
.hero{
  text-align:center;
  padding:120px 20px 100px;
}

.hero h1{
  font-size:48px;
  font-weight:800;
  margin-bottom:20px;
}

.hero p{
  font-size:18px;
  opacity:0.8;
  margin-bottom:40px;
}

/* CTA CARD */
.card{
  max-width:400px;
  margin:auto;
  padding:40px;
  border-radius:25px;
  backdrop-filter:blur(25px);
  background:var(--glass);
  border:1px solid var(--card-border);
  box-shadow:0 0 60px rgba(0,0,0,0.2);
  transition:0.4s;
}

.card:hover{
  transform:translateY(-5px);
}

input{
  width:100%;
  padding:14px;
  margin-bottom:15px;
  border:none;
  border-radius:12px;
  background:rgba(255,255,255,0.15);
  color:white;
}

button{
  width:100%;
  padding:14px;
  border:none;
  border-radius:12px;
  background:linear-gradient(45deg,[URL=https://www.ircdforum.net/usertag.php?do=list&action=hash&hash=ffb347]#ffb347[/URL] ,[URL=https://www.ircdforum.net/usertag.php?do=list&action=hash&hash=ffcc33]#ffcc33[/URL] );
  font-weight:600;
  cursor:pointer;
  transition:0.3s;
}

button:hover{
  transform:scale(1.05);
}

/* FEATURES */
.features{
  padding:80px 8%;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:30px;
}

.feature-box{
  padding:30px;
  border-radius:20px;
  background:var(--glass);
  backdrop-filter:blur(20px);
  border:1px solid var(--card-border);
  text-align:center;
  transition:0.4s;
}

.feature-box:hover{
  transform:translateY(-8px);
}

/* RADIO */
.radio{
  text-align:center;
  padding:60px 20px;
}

audio{
  width:300px;
  max-width:100%;
}

/* FOOTER */
footer{
  text-align:center;
  padding:30px;
  opacity:0.6;
  font-size:14px;
}

/* FLOAT BUTTON */
.floating-chat{
  position:fixed;
  bottom:25px;
  right:25px;
  background:linear-gradient(45deg,[URL=https://www.ircdforum.net/usertag.php?do=list&action=hash&hash=ff4ecd]#ff4ecd[/URL] ,[URL=https://www.ircdforum.net/usertag.php?do=list&action=hash&hash=6a5cff]#6a5cff[/URL] );
  padding:15px 20px;
  border-radius:50px;
  font-weight:600;
  cursor:pointer;
  box-shadow:0 0 20px rgba(0,0,0,0.3);
  animation:pulse 2s infinite;
}

@keyframes pulse{
  0%{transform:scale(1)}
  50%{transform:scale(1.1)}
  100%{transform:scale(1)}
}

/* LIGHT MODE */
body.light{
  --bg1:#ffffff;
  --bg2:#f3f3f3;
  --text:#111;
  --glass:rgba(0,0,0,0.05);
  --card-border:rgba(0,0,0,0.1);
  color:#111;
}

body.light input{
  color:#111;
}
</style>
</head>

<body>

<div class="navbar">
  <div class="logo">IRCdForum</div>
  <div class="nav-links">
    <a href="#">Ana Sayfa</a>
    <a href="#">Odalar</a>
    <a href="#">Mobil</a>
    <a href="#">İletişim</a>
  </div>
  <div class="toggle" onclick="toggleMode()">Mod Değiştir</div>
</div>

<section class="hero">
  <h1>Gerçek Sohbet. Gerçek İnsanlar.</h1>
  <p>Ücretsiz sohbet odalarına katıl, yeni insanlarla tanış ve canlı radyo dinle.</p>

  <div class="card">
    <form>
      <input type="text" placeholder="Rumuzunuz" required>
      <input type="password" placeholder="Şifre (isteğe bağlı)">
      <button>Sohbete Katıl</button>
    </form>
  </div>
</section>

<section class="features">
  <div class="feature-box">
    <h3>âš¡ Hızlı Giriş</h3>
    <p>Üye olmadan anında misafir girişi yapabilirsiniz.</p>
  </div>
  <div class="feature-box">
    <h3>ï¿½ï¿½ Mobil Uyumlu</h3>
    <p>Tüm cihazlarda kusursuz sohbet deneyimi.</p>
  </div>
  <div class="feature-box">
    <h3>ï¿½ï¿½ Güvenli Ortam</h3>
    <p>Moderasyonlu, güvenli ve seviyeli sohbet odaları.</p>
  </div>
</section>

<section class="radio">
  <h2>ï¿½ï¿½ Canlı Radyo</h2>
  <audio controls>
    <source src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3" type="audio/mpeg">
  </audio>
</section>

<footer>
© 2026 IRCdForum - Tüm Hakları Saklıdır.
</footer>

<div class="floating-chat">Sohbete Katıl</div>

<script>
function toggleMode(){
  document.body.classList.toggle("light");
}
</script>

</body>
</html>

demo : [Only registered and activated users can see links. ]

Alıntı:

İlk Gönderen Beatrice

Emeğinize sağlık

Alıntı:

İlk Gönderen Regex

Hatta bunu bir ara @[Only registered and activated users can see links. ]'la WordPress'e mi giydirsek bilemedim. Vaktimiz elverirse yapabiliriz.

Alıntı:

İlk Gönderen eFe

Forum adına faydalı olur tema arayan çok.

Alıntı:

İlk Gönderen Regex

@[Only registered and activated users can see links. ] (Yunus)'in kendi eseri olduğundan belki o yapmak ister. Olmazsa dediğim gibi hallederiz müsait zamanda.

Alıntı:

İlk Gönderen Mezarkabul

Güzel bir çalışma olmuş. @[Only registered and activated users can see links. ]

Alıntı:

İlk Gönderen aLeyna

@[Only registered and activated users can see links. ] emegine sagLik guzeL oLmus

Alıntı:

İlk Gönderen Cry

Elinize sağlık, güzel görünüyor.

Alıntı:

İlk Gönderen Schwarz

Eline sağlık, İlk fırsatta kullanacağım.

Alıntı:

İlk Gönderen immortaL

Gayet hoş ve kullanışlı olmuş tek sayfa giriş sayfası emeğine sağlık @[Only registered and activated users can see links. ]

Merhaba, ilgi gösteren herkese çok teşekkür ederim. Boş vaktimde, basit bir arayüz çıktı ortaya. Wordpress giydirme konusunda, bilgim yok. Basit html altyapılı sayfa arayanlar var. Onlar için kullanılabilir diye düşündüm.

**ImOriqinaL** · 03 Mart 2026, 21:38

Alıntı:

İlk Gönderen eQuaL

Merhaba arkadaşlar,

Bugün sizlerle IRCdForum Mor HTML Sohbet Temasını paylaşıyorum. Bu tema, tamamen HTML ve CSS tabanlı, modern ve mobil uyumlu bir sohbet platformu tasarımı sunuyor. Temanın öne çıkan özellikleri şunlar:

Modern ve estetik tasarım: Mor tonlarda göz yormayan bir arayüz.

Üst ve alt menü: Kolay erişim için sabit navigasyon.

Sohbet odaları menüsü: Genel, Sohbet, Eğlence, Oyun, Müzik ve Film gibi kategorilerle kullanıcı dostu yapı.

Sohbete giriş kartı: Basit ve hızlı giriş imkânı, misafir kullanımı destekler.

Radyo player: Kullanıcılar siteyi terk etmeden müzik dinleyebilir.

Tema modu değiştirici: Sağ üstteki “Modunuzu Değiştirin” butonuyla sayfa arka planının renklerini rastgele değiştirebilirsiniz.

Geniş içerik alanı: 200+ kelimelik örnek makale ile içerik zenginliği ve görsel denge sağlanmış.

Responsive tasarım: Her cihazda sorunsuz görünüm ve kullanım.

Bu tema, özellikle kişisel sohbet siteleri, fan siteleri veya topluluk platformları için hızlı ve kullanışlı bir çözüm sunar. Kodları tamamen özelleştirilebilir, yani renkleri, menüleri veya içerik bloklarını kendi projenize göre değiştirebilirsiniz.

💡 Not: Bu temayı forumunuzda veya kendi sitenizde rahatlıkla kullanabilir, dilerseniz içerik ve görselleri kendinize göre uyarlayabilirsiniz.

Paylaşmak istediğiniz diğer fikirler, sorular veya öneriler için konu altında yorum bırakabilirsiniz.

Demo: [Only registered and activated users can see links. ]

İndirmek için; [Only registered and activated users can see links. ]

Alıntı:

İlk Gönderen Regex

Konuya @[Only registered and activated users can see links. ] ve @[Only registered and activated users can see links. ]'in de yorumlarını bekliyorum. Webmaster olmaları, teknik bakış açısıyla ufuk katacaktır.

Eline sağlık @[Only registered and activated users can see links. ] modern tasarım modu olmuş

biraz yapay zeka ile dokunus ve bazı düzenlemeler ile az daha değişiklik yaptık görünüm açısından..

radyo url ve port değerleri girildiğinde ( genelde sonicpanel kullanılıyor o panel verisine göre hazır yapıdır) radyo aktif sekilde ve bir kaç renk değişimi mevcut kodlarda..

HTML Code:

<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>IRCdForum - Profesyonel Sohbet & Radyo</title>
<style>
/* --- AYARLAR --- */
:root {
  --radyo-host: "yayin.radyosistem.com";
  --radyo-port: "8002";
  --primary: #ff4ecd;
  --secondary: #6a5cff;
  --glass: rgba(255,255,255,0.15);
  --text: #fff;
  --cta-start: #ffb347;
  --cta-end: #ffcc33;
  --hero-bg: url('https://images.unsplash.com/photo-1531497865144-8a0f46d2e16c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080') center/cover no-repeat;
}

* { box-sizing: border-box; }
body { margin:0; font-family:'Segoe UI',sans-serif; color:var(--text); background: linear-gradient(135deg, var(--primary), var(--secondary)); min-height: 100vh; overflow-x: hidden; }

/* Header */
header { display:flex; justify-content:space-between; align-items:center; padding:15px 5%; background: rgba(0,0,0,0.2); border-bottom:1px solid rgba(255,255,255,0.1); }
.logo img{ height:35px; width:auto; }
.toggle-mode { cursor:pointer; font-size:12px; border:1px solid currentColor; padding:6px 12px; border-radius:20px; transition: 0.3s; }
.toggle-mode:hover { background: rgba(255,255,255,0.2); }

/* Navigasyon */
.room-menu{ display:flex; justify-content:center; gap:10px; margin:20px 0; flex-wrap: wrap; padding: 0 15px; }
.room-menu a{ background: rgba(255,255,255,0.1); padding:10px 18px; border-radius:25px; text-decoration:none; color:#fff; font-size: 13px; font-weight:bold; transition:0.3s; border: 1px solid rgba(255,255,255,0.15); }
.room-menu a:hover{ background: var(--primary); transform:translateY(-2px); }

/* Hero ve Kart Yapısı */
.hero{ display:flex; justify-content:center; align-items:center; padding:40px 15px; position:relative; min-height: calc(100vh - 200px); }
.hero::before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background: var(--hero-bg); filter:blur(3px) brightness(0.4); z-index:0; }

.card {
  backdrop-filter: blur(25px);
  background: var(--glass);
  padding: 35px;
  border-radius: 25px;
  width: 100%;
  max-width: 950px;
  position: relative;
  z-index: 1;
  box-shadow: 0 25px 50px rgba(0,0,0,0.3);
  border: 1px solid rgba(255,255,255,0.2);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  align-items: stretch;
}

/* Sütun Düzenleri */
.login-side, .radio-side { display: flex; flex-direction: column; justify-content: center; width: 100%; }
.login-side { border-right: 1px solid rgba(255,255,255,0.1); padding-right: 15px; }

/* Form */
.login-side h1 { margin: 0 0 10px 0; font-size: 28px; text-align: center; }
.login-side p { font-size: 14px; opacity: 0.8; margin-bottom: 20px; text-align: center; }
input { 
  width: 100%; padding: 14px; margin-bottom: 12px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.2); 
  background: rgba(255,255,255,0.1); color: #fff; outline: none; transition: 0.3s;
}
input:focus { background: rgba(255,255,255,0.2); border-color: var(--cta-start); }
.cta-btn { 
  width: 100%; padding: 15px; border: none; border-radius: 12px; 
  background: linear-gradient(45deg, var(--cta-start), var(--cta-end)); 
  color: #000; font-weight: 800; cursor: pointer; transition: 0.3s; text-transform: uppercase;
}

/* Radyo */
.radio-player { 
  background: rgba(0, 0, 0, 0.3); padding: 20px; border-radius: 20px; 
  border: 1px solid rgba(255,255,255,0.1); height: 100%; display: flex; flex-direction: column; justify-content: center;
}
.player-header { display: flex; justify-content: space-between; font-size: 11px; margin-bottom: 15px; }
#djBadge { background: var(--primary); padding: 3px 8px; border-radius: 6px; font-weight: bold; }
.player-info { display: flex; align-items: center; gap: 15px; }
.art-container { position: relative; width: 80px; height: 80px; flex-shrink: 0; }
#trackArt { width: 100%; height: 100%; border-radius: 12px; object-fit: cover; }
.play-overlay { 
  position: absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.4); 
  display: flex; justify-content: center; align-items: center; border-radius: 12px; font-size: 24px; cursor: pointer;
}
.track-details { flex: 1; overflow: hidden; }
#trackName { font-weight: bold; font-size: 14px; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#bitrateInfo { font-size: 12px; color: var(--cta-start); font-weight: bold; }
.volume-control { margin-top: 15px; display: flex; align-items: center; gap: 10px; }
#volumeSlider { flex: 1; cursor: pointer; accent-color: var(--primary); }

/* Footer & Backlink */
footer { text-align: center; padding: 40px 20px; font-size: 13px; opacity: 0.8; }
footer a { color: var(--cta-start); text-decoration: none; font-weight: bold; transition: 0.3s; }
footer a:hover { color: #fff; text-shadow: 0 0 10px var(--cta-start); }

/* Mobil Uyumluluk */
@media(max-width: 768px) {
  .card { grid-template-columns: 1fr; padding: 25px 20px; }
  .login-side { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.1); padding-right: 0; padding-bottom: 25px; margin-bottom: 10px; }
}
</style>
</head>
<body>

<header>
  <div class="logo"><img src="https://www.ircdforum.net/images/logo.png" alt="IRCdForum Logo"></div>
  <div class="toggle-mode" id="toggleMode">Görünümü Değiştir</div>
</header>

<nav class="room-menu">
  <a href="#">Genel Sohbet</a>
  <a href="#">Eğlence</a>
  <a href="#">Oyun Odası</a>
  <a href="#">Müzik & Radyo</a>
  <a href="#">Mobil Sohbet</a>
</nav>

<section class="hero">
  <div class="card">
    <div class="login-side">
      <h1>Sohbete Katıl</h1>
      <p>Rumuzunu yaz ve hemen eğlenceye başla!</p>
      <form action="/chat" method="POST">
        <input type="text" name="nickname" placeholder="Rumuzunuz (Örn: Misafir)" required>
        <input type="password" name="password" placeholder="Şifre (Opsiyonel)">
        <button type="submit" class="cta-btn">HEMEN SOHBET ET</button>
      </form>
      <small style="display:block; margin-top:10px; opacity:0.6; font-size:11px; text-align: center;">* Kayıtlı bir nickiniz yoksa şifreyi boş bırakın.</small>
    </div>

    <div class="radio-side">
      <div class="radio-player">
        <div class="player-header">
          <div id="djBadge">YAYINDA: <span id="djName">AUTO DJ</span></div>
          <div class="live-listeners">👥 <span id="listenerCount">0</span> Dinleyici</div>
        </div>
        <div class="player-info">
          <div class="art-container">
             <img src="https://via.placeholder.com/80" id="trackArt" alt="Kapak">
             <div class="play-overlay" id="playPauseBtn">▶</div>
          </div>
          <div class="track-details">
            <p id="trackName">Yükleniyor...</p>
            <div id="bitrateInfo">128 kbps HD</div>
          </div>
        </div>
        <div class="volume-control">
          <span>🔈</span>
          <input type="range" id="volumeSlider" min="0" max="1" step="0.05" value="0.5">
          <span>🔊</span>
        </div>
      </div>
    </div>
  </div>
</section>

<audio id="mainAudio"></audio>

<footer>
  <p>© 2026 IRCdForum Mor HTML Sohbet Teması - Tüm Hakları Saklıdır.</p>
  <p>Türkiye'nin en kaliteli <a href="https://www.ircdforum.net" target="_blank" title="IRC Forumları">IRC forumları</a> ve sohbet platformu.</p>
</footer>

<script>
const rRoot = document.querySelector(':root');
const rStyle = getComputedStyle(rRoot);
const HOST = rStyle.getPropertyValue('--radyo-host').trim().replace(/"/g, '');
const PORT = rStyle.getPropertyValue('--radyo-port').trim().replace(/"/g, '');

const audio = document.getElementById('mainAudio');
audio.src = `https://${HOST}:${PORT}/;`;

const playPauseBtn = document.getElementById('playPauseBtn');
const volumeSlider = document.getElementById('volumeSlider');
const trackName = document.getElementById('trackName');
const trackArt = document.getElementById('trackArt');
const listenerCount = document.getElementById('listenerCount');
const djName = document.getElementById('djName');

async function fetchRadioStats() {
    try {
        const response = await fetch(`https://${HOST}/cp/get_info.php?p=${PORT}`);
        const data = await response.json();
        trackName.textContent = data.title || "Radyo Keyfi...";
        if (data.art) trackArt.src = data.art;
        listenerCount.textContent = data.listeners || 0;
        djName.textContent = (data.djusername && data.djusername !== "") ? data.djusername.toUpperCase() : "AUTO DJ";
    } catch (e) { console.error("API Error"); }
}

playPauseBtn.onclick = () => {
    if (audio.paused) { audio.play(); playPauseBtn.textContent = '⏸'; }
    else { audio.pause(); playPauseBtn.textContent = '▶'; }
};
volumeSlider.oninput = (e) => { audio.volume = e.target.value; };

document.getElementById('toggleMode').onclick = () => {
  const themes = [{p:'#ff4ecd', s:'#6a5cff'}, {p:'#33ccff', s:'#33ff77'}, {p:'#ff9933', s:'#ff3399'}];
  const t = themes[Math.floor(Math.random()*themes.length)];
  document.documentElement.style.setProperty('--primary', t.p);
  document.documentElement.style.setProperty('--secondary', t.s);
};

setInterval(fetchRadioStats, 10000);
fetchRadioStats();
</script>

</body>
</html>

**eQuaL** · 03 Mart 2026, 23:21

Evet eline sağlık bu hali biraz daha güzel oldu. Gelişim sürecini takip edebiliyoruz. Biraz daha olgunlaştırdıktan sonra, belki wordpress olarak yazılır, kim bilir

Ama altta makale kısmı eklemek lazım en azından yukarıda olan butonları arttırıp aşağıya çektiğinde makale gözükürse daha güzel olabilir.

**Polina** · 04 Mart 2026, 06:48

@[Only registered and activated users can see links. ] emeğine sağlık çok güzel olLmuş

Benzer Konular
Konu	Konuyu Başlatan	Forum	Yanıtlar	Son Mesaj
Efsane forum zamanları	Rorschach	IdF Sözlük	13	31 Mart 2026 17:43
IRCD Forum Nedir? IRC Sunucuları ve Topluluk Yönetimi Hakkında Kapsamlı Rehber	AyKuT	IRCd Makaleler	6	23 Mart 2026 18:40
IRCd Nedir? Kurulumu ve Temel Yapılandırma Rehberi (Başlangıç Seviyesi)	PrenS	IRCd Makaleler	2	15 Mart 2026 16:56
Son Harften IRCd Üyesi Bulma	Mazikeen	Forum Oyunları	2	05 Mart 2026 21:59

Şu anda bu konuyu görüntüleyen etkin kullanıcılar: 2 (0 üye ve 2 konuk)

IRCd Forum Mor Html Tema

Webmasterlar için dersler, makaleler, paylaşımlar ve beyin fırtınası bölümü.