IRCd Forum Mor Html Tema

**eQuaL** · 02 Mart 2026, 21:20

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

**Regex** · 02 Mart 2026, 21:27

Eline sağlık Yunus. Ben bunu bir ara FTP'ye çekeyim, bir de subdomaine canlı demo olarak kuralım. Daha güzel olur.

Konuyu uygun yere alıp sabitledim.

**eLfida** · 03 Mart 2026, 10:03

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

**eFe** · 03 Mart 2026, 10:14

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

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

**Beatrice** · 03 Mart 2026, 10:23

Emeğinize sağlık

**Regex** · 03 Mart 2026, 10:37

Hatta bunu bir ara @Cry'la WordPress'e mi giydirsek bilemedim. Vaktimiz elverirse yapabiliriz.

**eFe** · 03 Mart 2026, 10:38

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.

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

**Regex** · 03 Mart 2026, 10:44

Alıntı:

İlk Gönderen eFe

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

@eQuaL (Yunus)'in kendi eseri olduğundan belki o yapmak ister. Olmazsa dediğim gibi hallederiz müsait zamanda.

**Mezarkabul** · 03 Mart 2026, 10:58

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

**aLeyna** · 03 Mart 2026, 11:27

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

Konu Araçları
Yazdırılabilir Sürümü Göster Sayfayı E-Postayla Gönder
Görünüm Modları
Normal Mod Hibrit Moda Geç Dişli Moduna Geç

Benzer Konular
Konu	Konuyu Başlatan	Forum	Yanıtlar	Son Mesaj
Efsane forum zamanları	Rorschach	IdF Sözlük	10	01 Mart 2026 08:02
IRCd Nedir? Kurulumu ve Temel Yapılandırma Rehberi (Başlangıç Seviyesi)	PrenS	IRCd Makaleler	1	28 Şubat 2026 16:51
Son Harften IRCd Üyesi Bulma	Mazikeen	Forum Oyunları	1	25 Şubat 2026 18:41
IRCD Forum Nedir? IRC Sunucuları ve Topluluk Yönetimi Hakkında Kapsamlı Rehber	AyKuT	IRCd Makaleler	2	24 Şubat 2026 19:19

Forum	Yasal Uyarı
Powered by vBulletin® Version 3.8.11 Copyright ©2000 - 2026, vBulletin Solutions Inc. Search Engine Optimization by vBSEO 3.6.0 ©2011, Crawlability, Inc. IRCdForum.Net, lisanslı vBulletin® kullanmaktadır.	IRCdForum.Net; 5651 sayılı kanuna göre yer sağlayıcı bir forum sitesidir. Dolayısıyla forumdaki içeriklerden ilgili içeriği paylaşan üyeler sorumludur. Hukuka aykırı içerik bildirimleri için *İLETİŞİM* linkinden bildirim gönderebilirsiniz.

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

IRCd Forum Mor Html Tema

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