Hiba történt! Nem működik a JavaScript!
A böngésződben le van tiltva a JavaScript futtatása, vagy nem támogatja a JavaScript használatát. Az oldal megfelelő használatához kérjük engedélyezd a JavaScript futtatását böngésződben,
vagy frissítsd egy újabb verzióra, amely támogatja a JavaScript-et:
Firefox, Safari, Opera, Chrome, vagy az Internet Explorer 6-nál újabb verziója.

Theme váltás

Utolsó módosítás 7 hónap óta
T
TsukinoTenshiKezdő fórumozó
Beküldve 7 hónap óta
Sziasztok!

Van olyanra lehetőség, hogy az user, 1 kattintással váltson át másik témára?
A theme váltó panel megvan, de igazából annyira nem tetszik.

Arra gondoltam hogy ha csak két téma van fent, egy sötét és egy világos. És pl egy képre kattintva a fejlécben tudna váltani a kettő között.
karrakkarrakFőadminisztrátor
Beküldve 7 hónap óta
Ha engedélyezve van a felület váltás adminba, akkor a felhasználó a profiljába be tudja állítani a felületet..
Valahol van egy felület váltó amely egy kattintásra átállítja (az a bizonyos felületváltó) de ha nem tetszik akkor......
Más felület váltóról nem tudok.
EphyxEphyxHaladó fórumozó
Beküldve 7 hónap óta
Felületváltót néhány trükkel meg lehet oldani. Némi süti kezelés + css + javascript
Példa a világos - sötét váltásra.

Valahol kell definiálnod, hogy tudd a dark mode-ot kiolvasni.

define('DARK_MODE', isset($_COOKIE['dark-mode']) && $_COOKIE['dark-mode'] == 1);

if (DARK_MODE) {
 define('THEME_BODY', '<body class="dark">');
}


aztán kell egy kapcsoló amivel váltod:

<a href="#" data-action="dark-mode" class="darkmode-switch'.(DARK_MODE ? ' active' : '').'" title="DARK MODE SWITCH"></a>


meg kell egy figyelés a css-ekre, hogy melyik az aktív.

DARK_MODE ? 'dark': 'light'; 


meg kell némi javascript amivel beállítod a sötét módot és vissza

body.on("click", "[data-action]", function (e) {
 switch ($(this).data("action")) {
 case "dark-mode":
 e.preventDefault();
 let style_attr = $(".header").attr("style");

 if (body.hasClass("dark")) {
 body.removeClass("dark");
 $(this).removeClass("active");
 Cookies.set("dark-mode", 0);
 if (typeof style_attr !== typeof undefined && style_attr !== false) {
 $(".header").attr("style", style_attr.replace("dark", "light"));
 }
 } else {
 body.addClass("dark");
 $(this).addClass("active");
 Cookies.set("dark-mode", 1);
 if (typeof style_attr !== typeof undefined && style_attr !== false) {
 $(".header").attr("style", style_attr.replace("light", "dark"));
 }
 }
 break;
 }
 });


Jah és némi css a váltó gomb megformázásához:

.darkmode-switch {}


és persze a dark módnak a css-ei:

.dark ... {}



Mindent nem fejtettem ki :)

Ephyx
Módosította Ephyx 2024.03.12 20:58, 7 hónap óta
Te tudsz megtekinteni a társalgásokat a fórumon.
Te nem tudsz témát indítani a fórumon.
Te nem tudsz hozzászólni ehhez a témához.
Te nem tudsz szavazást indítani a fórumon.
Te nem tudsz csatolmányt feltölteni a fórumra.
Te nem tudsz csatolmányt letölteni a fórumról.
Moderátor: Főadminisztrátor
Felhasználók a témában: karrak, Ephyx, TsukinoTenshi
Bejelentkezés
Még nem regisztráltál?
Regisztráció
Új jelszó kérése
1szám játék
Tudja, hogy a játékunk indulása óta melyik volt az a "legnagyobb" legkisebb szám amivel játékot nyertek?

Ez a szám a 83 volt.

Aki megjátszotta: Eszter nevű felhasználónk volt 2024.01.19 játék napon.
Gratulálunk neki
A webhely használatával elfogadja adatvédelmi beállításainkat, és megértette, hogy cookie-kat használunk. Bizonyos Cookie-k már be vannak állítva.
Kérjük, kattintson a Elfogadom gombra, hogy elrejtse ezt a sávot. Ha továbbra is használja a webhelyet, akkor feltételezzük, hogy egyetért az adatvédelmi irányelveinkkel.Itt többet megtudhat adatvédelmi irányelveinkről