Gece gündüz modu yardım [ dark mode]

11-11-2020, 20:27:29

#1

GameXen

Merhaba smm panelime gece gündüz modu eklemek istiyorum yardımcı olabilecek var mı?

11-11-2020, 20:34:33

#2

Onur89TR

zekicanb82 adlı üyeden alıntı: mesajı görüntüle

Merhaba smm panelime gece gündüz modu eklemek istiyorum yardımcı olabilecek var mı?

Mantık bu. Ne kadar ayrıntı, o kadar kod

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
  padding: 25px;
  background-color: white;
  color: black;
  font-size: 25px;
}

.dark-mode {
  background-color: black;
  color: white;
}
</style>
</head>
<body>

<h2>Toggle Dark/Light Mode</h2>
<p>Click the button to toggle between dark and light mode for this page.</p>

<button onclick="myFunction()">Toggle dark mode</button>

<script>
function myFunction() {
   var element = document.body;
   element.classList.toggle("dark-mode");
}
</script>

</body>
</html>

11-11-2020, 20:46:20

#3

GameXen

Onur89TR adlı üyeden alıntı: mesajı görüntüle

Mantık bu. Ne kadar ayrıntı, o kadar kod

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
  padding: 25px;
  background-color: white;
  color: black;
  font-size: 25px;
}

.dark-mode {
  background-color: black;
  color: white;
}
</style>
</head>
<body>

<h2>Toggle Dark/Light Mode</h2>
<p>Click the button to toggle between dark and light mode for this page.</p>

<button onclick="myFunction()">Toggle dark mode</button>

<script>
function myFunction() {
   var element = document.body;
   element.classList.toggle("dark-mode");
}
</script>

</body>
</html>

Panele eklediğimizde çalışmıyor işte farklı bir yapıya sahip.

11-11-2020, 20:51:57

#4

Onur89TR

Hocam 60₺ gibi bir ücretle işimde gidebildiğim kadar ileri giderim