v2.5.2
Giriş yap

HTML Dark Mod'u tüm sayfalara entegre etme

Anonim
991 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
1775 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
1780 gün önce

Çerez oluşuyormu kontrol edermisin

onlywhatchess
1783 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
1784 gün önce

Merhaba,

Darkmode.js bir incele istersen. Daha pratik.