Plugin Dark/Light mode qui ne fonctionne pas
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Plugin Dark/Light mode qui ne fonctionne pas
Détails techniques
Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Aujourd'hui
Lien du forum : https://wheel-and-deal.forumactif.com/
Description du problème
Bonjour Forumactif !Je reviens vers vous car je cherche absolument à mettre en place un dark/light mode à mon forum, en parcourant, j'ai trouvé ce tuto :
https://blankthemerpg.forumactif.com/t77-edison
Et j'ai essayé mais..... comment dire que j'ai beau appuyer sur le bouton (qu'on retrouve sur le forum en dessous de la PA) baaaaaah....... ça ne fonctionne pas, je clique en vain... y aurait-il un problème dans mes scripts qui annulerait ce script ??? Je ne sais pas trop..... J'aimerais bien qu'on m'éclaire car je ne sais vraiment pas comment procéder... ou si vous avez un tuto similaire aussi n'hésitez pas!
Merci beaucoup
Re: Plugin Dark/Light mode qui ne fonctionne pas
Bonjour !
Quand je regarde la page, pour le moment, je ne vois pas la modification dans la partie "overall_footer_end".
Le tuto https://blankthemerpg.forumactif.com/t77-edison parle bien de mettre un script en bas de page juste avant </body>, mais je ne le vois pas chez vous !
(accessoirement, je remarque que vous avez une balise <style> en tout début de overall_header : normalement, une balise <style> doit se trouver à l'intérieur du <head> ou du <body>, je vous propose de la replacer, elle et son contenu, juste avant </head> pour être plus propre. Dit autrement, une page doit toujours commencer par le DOCTYPE, puis l'ouverture de <html> ; il ne doit rien y avoir avant)
Quand je regarde la page, pour le moment, je ne vois pas la modification dans la partie "overall_footer_end".
Le tuto https://blankthemerpg.forumactif.com/t77-edison parle bien de mettre un script en bas de page juste avant </body>, mais je ne le vois pas chez vous !
(accessoirement, je remarque que vous avez une balise <style> en tout début de overall_header : normalement, une balise <style> doit se trouver à l'intérieur du <head> ou du <body>, je vous propose de la replacer, elle et son contenu, juste avant </head> pour être plus propre. Dit autrement, une page doit toujours commencer par le DOCTYPE, puis l'ouverture de <html> ; il ne doit rien y avoir avant)
Re: Plugin Dark/Light mode qui ne fonctionne pas
Bonjour !!
Pourtant, elle est bien là !
https://cdn.discordapp.com/attachments/410410920657944596/1133736465872982016/image.png
(Ohh merci beaucoup pour cette info je ne le savais pas !! C'est rectifié !)
Pourtant, elle est bien là !
https://cdn.discordapp.com/attachments/410410920657944596/1133736465872982016/image.png
(Ohh merci beaucoup pour cette info je ne le savais pas !! C'est rectifié !)
Re: Plugin Dark/Light mode qui ne fonctionne pas
... Oh je crois que je suis trop bête haha je n'ai pas capté que c'était avant les balises fermés ça doit être ça le problème, je rectifie ça pour voir!
Re: Plugin Dark/Light mode qui ne fonctionne pas
Alors oui, y avait bien ça comme problème !
Le bouton fonctionne à présent mais comment faire pour que ça s'active ? J'ai le bouton mais comment faire pour switch la couleur du fond du forum par exemple ? J'ai seulement c/c les scripts/html/css de ce tuto sans y toucher ! J'ai lu sur le root mais j'avoue que du coup, tout mon css je l'ai fait avant de connaître la variable... est-ce un problème ?
Je l'ai mis ici
https://cdn.discordapp.com/attachments/410410920657944596/1133744059656196157/image.png
(Aussi pour le style avant le DOCTYPE est-ce vraiment dérangeant si c'est avant ? Car quand je le fais, ça casse plein de détails du forum, c'est une style juste pour le switch de compte vu que ça prend trop de place dans la fiche css et pour éviter la limite de css je l'ai mise là )
Le bouton fonctionne à présent mais comment faire pour que ça s'active ? J'ai le bouton mais comment faire pour switch la couleur du fond du forum par exemple ? J'ai seulement c/c les scripts/html/css de ce tuto sans y toucher ! J'ai lu sur le root mais j'avoue que du coup, tout mon css je l'ai fait avant de connaître la variable... est-ce un problème ?
Je l'ai mis ici
https://cdn.discordapp.com/attachments/410410920657944596/1133744059656196157/image.png
(Aussi pour le style avant le DOCTYPE est-ce vraiment dérangeant si c'est avant ? Car quand je le fais, ça casse plein de détails du forum, c'est une style juste pour le switch de compte vu que ça prend trop de place dans la fiche css et pour éviter la limite de css je l'ai mise là )
Re: Plugin Dark/Light mode qui ne fonctionne pas
Bonjour,
Votre code installé fonctionne avec des variables css.
Vous avez ce code css fourni dans le tuto :
"--neutral" est une variable qui correspond ici à une couleur :
En mode clair, il est indiqué : --neutral: #FFF, donc du blanc.
En mode sombre, il est indiqué : --neutral: #000; donc du noir.
Vous pouvez ensuite utiliser cette variable dans le css de votre forum, à la place d'une couleur.
Par exemple, en ajoutant ce code dans le css de votre forum :
Ici, le tuto vous a défini deux variables : --neutral et --accentClr. Vous pouvez les renommer, et/ou changer les couleurs correspondantes dans les thèmes clairs ou sombres, et/ou en créer de nouvelles.
Votre code installé fonctionne avec des variables css.
Vous avez ce code css fourni dans le tuto :
- Code:
/* VARIABLE DU MODE PAR DEFAUT */
:root {
--neutral: #FFF
--accentClr: blue;
}
/* VARIABLE DU MODE INVERSE (ici mode sombre) */
[data-color-scheme="dark"] {
--neutral: #000;
--accentClr: red;
}
@media (prefers-color-scheme: dark) {
[data-color-scheme=dark] {
--neutral: #000;
--accentClr: red;
}
}
"--neutral" est une variable qui correspond ici à une couleur :
En mode clair, il est indiqué : --neutral: #FFF, donc du blanc.
En mode sombre, il est indiqué : --neutral: #000; donc du noir.
Vous pouvez ensuite utiliser cette variable dans le css de votre forum, à la place d'une couleur.
Par exemple, en ajoutant ce code dans le css de votre forum :
- Code:
html, body {
background: var(--neutral);
}
Ici, le tuto vous a défini deux variables : --neutral et --accentClr. Vous pouvez les renommer, et/ou changer les couleurs correspondantes dans les thèmes clairs ou sombres, et/ou en créer de nouvelles.
MlleAlys- Membre actif
- Messages : 5806
Inscrit(e) le : 12/09/2012
Re: Plugin Dark/Light mode qui ne fonctionne pas
Olala ! Merci ça fonctionne j'ai enfin compris haha ! Merci à vous deux pour votre aide/intérêt !
J'ai une toute petite question avant de mettre le sujet en résolu, j'aimerais savoir si avec ça, il est possible de changer les images de catégories ? Par exemple, en mode jour elles sont comme elles sont et en nuit, serait-il possible qu'elles change ? Ce sont des images background image ? (et est-il possible de le faire même si ce ne sont pas des background image...? (techniquement je pense que non..?))
Merci encore en tout cas!!
J'ai une toute petite question avant de mettre le sujet en résolu, j'aimerais savoir si avec ça, il est possible de changer les images de catégories ? Par exemple, en mode jour elles sont comme elles sont et en nuit, serait-il possible qu'elles change ? Ce sont des images background image ? (et est-il possible de le faire même si ce ne sont pas des background image...? (techniquement je pense que non..?))
Merci encore en tout cas!!
Re: Plugin Dark/Light mode qui ne fonctionne pas
Pour une image de fond, vous pouvez déclarer votre variable ainsi, avec le "url()" :
--image1 : url(LIENIMAGE) ;
puis l'utiliser dans le css de l'élément comme ça :
background-image : var(--image1) ;
--image1 : url(LIENIMAGE) ;
puis l'utiliser dans le css de l'élément comme ça :
background-image : var(--image1) ;
MlleAlys- Membre actif
- Messages : 5806
Inscrit(e) le : 12/09/2012
Re: Plugin Dark/Light mode qui ne fonctionne pas
Merci merci beaucoup !!! C'est noté !
Passez une très belle journée et merci encore pour votre aide !!
Passez une très belle journée et merci encore pour votre aide !!
Sujets similaires
» Problèmes script Dark / Light
» Installation du Dark Mode Edison
» Lien contact qui disparaît en mode visualisation d'un profil (plugin wombat)
» Dark Mode
» Le Dark mode cache le design
» Installation du Dark Mode Edison
» Lien contact qui disparaît en mode visualisation d'un profil (plugin wombat)
» Dark Mode
» Le Dark mode cache le design
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum