IRCd Forum Mor Html Tema

[eFe]

İ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. ]

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

<!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. ]