Karanlık Mod (Dark Mode) Geçişi – HTML/CSS/JS ile Basit Uygulama - IRCForumları - IRC ve mIRC Kullanıcılarının Buluşma Noktası

Nefret · 09 Mayıs 2025, 00:33

Merhaba arkadaşlar,

Bugün sizlerle çok basit ama web siteleri için oldukça yararlı olan bir "karanlık mod geçişi" örneği paylaşıyorum. Tamamen HTML, CSS ve JavaScript ile yazıldı. Yeni başlayanlar için faydalı olabilir diye düşündüm. Geliştirme önerilerine ve geri bildirimlere açığım

Kod: Kodu kopyalamak için üzerine çift tıklayın!

<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Karanlık Mod</title>
  <style>
    body {
      background-color: white;
      color: black;
      font-family: sans-serif;
      text-align: center;
      padding-top: 50px;
      transition: background-color 0.3s, color 0.3s;
    }

    body.dark-mode {
      background-color: #121212;
      color: #f0f0f0;
    }

    button {
      padding: 10px 20px;
      margin-top: 20px;
      cursor: pointer;
      font-size: 16px;
    }
  </style>
</head>
<body>
  <h1>Karanlık Mod Örneği</h1>
  <button id="toggleBtn">Modu Değiştir</button>

  <script>
    document.getElementById("toggleBtn").addEventListener("click", function () {
      document.body.classList.toggle("dark-mode");
    });
  </script>
</body>
</html>

Benzer Konular
Konu	Konuyu Başlatan	Forum	Cevaplar	Son Mesaj
IBNSINO v1.0 – Medical Center HTML Template – Tıp Merkezi HTML Script	batuhanqq	Ücretsiz Scriptler	0	08 Mayıs 2022 11:44
jQuery ve HTML Kullanarak basit bir resim upload script'i yapalım	Issac	HTML/CSS/JavaScript	0	19 Ocak 2013 02:56
HTML Hakkında ipuçları ve basit örnekler	Majere	HTML/CSS/JavaScript	5	19 Temmuz 2006 14:11

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)

Etiketlenen Kullanıcılar
Etiketlemek istediğiniz kullanıcılar arasına virgül koyunuz. Örnek: nokta,sukunet,NucLear

5846 sayılı Fikir ve Sanat Eserleri Kanunu gereğince sitemizde telif hakkı bulunan mp3,video v.b. eserlerin paylaşımı yasaktır. Yasal işlem olması halinde paylaşan kişi yada kişilerin bilgileri gerekli kuruma verilecektir.