Theme váltás: PHP-Fusion 9

Navigáció

Fórumtémák

Legújabb témák

Legnépszerűbb témák

Nincs elérhető fórumtéma

Felhasználók

Online vendégek 5
Online tagok 0

Regisztráltak: 39
Legújabb tag: thomile

Ünnepeltjeink

Névnap kereső

2024. nov 21. Csüt

9 nap van hátra ebből a hónapból.

Névnap
Születésnap

Mai Névnap.

Olivér

Holnapi névnap.

Cecília, Filemon

Nincs Születésnapos

06:53

16:03

Szökőév van.

Legújabb letöltések

Theme váltás

Utolsó módosítás 8 hónap óta

9.10.00

Nyomkövetés Be Nyomtatás

TsukinoTenshiKezdő fórumozó

Beküldve 9 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.

karrakFőadminisztrátor

Beküldve 9 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.

EphyxHaladó fórumozó

Beküldve 8 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.

Kód Kód letöltése

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:

Kód Kód letöltése

<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.

Kód Kód letöltése

DARK_MODE ? 'dark': 'light';

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

Kód Kód letöltése

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:

Kód Kód letöltése

.darkmode-switch {}

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

Kód Kód letöltése

.dark ... {}

Mindent nem fejtettem ki :)

Ephyx

Módosította Ephyx 2024.03.12 19:58, 8 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

1szám játék

[ Eredmények ]

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

Téma Felhő

Robots.txt -> GYIK, Prémium Infusion, Megjelent a PHP-Fusion 9.03.00, Idővonal, Hírek közzétételekor mindenki hozzáférhet más felhasználói csoportok kategóriáihoz, Megjelent a PHP-Fusion 9.03.30, Eseménynaptár, Ünnepeltjeink, Megjelent a PHP-Fusion 8.00.60, 9.10.30 Fórum hibák,

PHP-Fusion Support Oldalak

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