v2.5.2
Giriş yap

HTML Dark Mod'u tüm sayfalara entegre etme

Anonim
764 defa görüntülendi ve 1 kişi tarafından değerlendirildi

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?

Cevap yaz
Cevaplar (4)
arduinoturkbatu
1328 gün önce

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>
alibartuuzuner
1332 gün önce

Çerez oluşuyormu kontrol edermisin

onlywhatchess
1335 gün önce

yemek.html sayfan'da çerez oluşuyor mu diye kontrol ettin mi?
Sayfanın sol üsttünde bulunan kilit iconundan çerezlerini kontrol edebilirsin.

sync
1336 gün önce

Merhaba,

Darkmode.js bir incele istersen. Daha pratik.