HTML Dark Mod'u tüm sayfalara entegre etme
HTML Dark Mod'u tüm sayfalara entegre etme
Merhaba dostlarım,
https://www.youtube.com/watch?v=S7yvpi3lplc&t=81s
bu videodaki gibi index.html sayfama dark mod yaptım lakin yemekler.html sayfası hala beyaz.
Şöyleki indexdeki koyu-açık mod seçimini aynı zamanda yemek.html e nası entegre ederim?
Bence çereze gerek yok. $_GET kullanarak yapabilirsin.
İşte bir örnek:
<?php
$tema = $_GET['tema']; // Tema adlı GET'imizi $tema değişkenine atıyoruz
?>
<body class="
<?php
if($_GET){
switch($tema){
case 'acik':
echo 'acik';
break;
case 'koyu':
echo 'koyu';
break;
default:
echo 'acik';
break;
}
}else {
echo 'acik';
}
?>
">
<a href="index.php?tema=a" class="
<?php
if($_GET){
switch($tema){
case 'acik':
echo 'hide';
break;
case 'koyu':
echo 'show';
break;
default:
echo 'hide';
break;
}
}else {
echo 'hide';
}
?>
">AÇIK MOD</a>
<a href="index.php?tema=k" class="
<?php
if($_GET){
switch($tema){
case 'acik':
echo 'show';
break;
case 'koyu':
echo 'acik';
break;
default:
echo 'show';
break;
}
}else {
echo 'show';
}
?>
">KOYU MOD</a>
MENÜLER:
<!--YEMEKLER.PHP'YE GİTMEK İÇİN--><a href="yemekler.php?tema=
<?php
if($_GET){
switch($tema){
case 'acik':
echo 'acik';
break;
case 'koyu':
echo 'koyu';
break;
default:
echo 'acik';
break;
}
}else {
echo 'acik';
}
?>
">YEMEKLER</a>
</body>
<style>
body, body.acik {
color: #000;
background: #fff;
}
body.koyu {
color: #fff;
background: #333;
}
.show {
opacity:1;
display:block;
}
.hide {
opacity: 0;
display: none;
}
</style>