Commande système darkmode

Bonsoirr
J'ignore si c'est possible mais j'aimerai pouvoir commander un système similaire qu'on peut voir sur certains forums, je ne parviens pas à comprendre son fonctionnement, du coup j'aimerai bien si possible que quelqu'un puisse m'en créer un :3


Type de commande (modification de templates, en-tête, qeel, mise en page de messages, pub, autres) : système darkmode
Pour quel forum : https://avada-kedavrarpg.forumactif.com/
Maquette graphique/schéma/croquis : / un système ombre/jour
Informations utiles (couleurs, images, etc, …) : /
[Pour les modifications de templates] Version du forum (PhpBB2, PhpBB3, PunBB, Invision, ModernBB ou AwesomeBB) : modernbb
Le code pourra-t-il être mis en libre service ensuite ? oui

Merci par avance

Bonjour,

pour pouvoir t'aider, on a besoin d'infos

Tu veux un système selon l'heure ? ou un système qui se déclenche au clique pour que chacun choisisse s'il veut l'un ou l'autre ?

BLOUP

Si possible au clic quand quelqu'un veut choisir

PS j'ai beaucoup d'image, so, si besoin, je peux fournir les accès à mon fofo test.

merciiii

Hello @Arya

Tes images, tu les as mise comment sur ton forum ?
Parce que si tu changes les images pour faire ton darkmode, tu ne vas pas pouvoir les mettre là où on doit le faire habituellement sur FA je pense

La semaine de rentrée a été un peu hard Je regarde dans les prochains jours

re,

Alors j'en ai surtout dans les pages HTML. (PA, index) et dans le CSS (QEEL, catégorie) ou dans les codes html du fofo hors PA.
si jamais tu veux regarder mon fofo test, je te passe les ID.

Merciii

Bonjour !

OK ça marche

Non pas besoin des ID. Je pense que comme il s'agit de quelque chose d'un peu complexe, je vais préparer un tutoriel et je le posterai ensuite. On pourra alors l'adapter à ton cas ensemble.

Tu peux tout de même me donner :
- ta CSS
- tes codes de pages HTML etc

le tout en Hide pour que tu gardes bien tout "secret". Je commencerai sûrement une adaptation pour t'expliquer.
Bonne journée !

Coucou
Pas de soucis :3
J'espère que j'y arriverai alors j'ai peur de ne rien comprendre du tout
J'ai beaucoup de page, du coup j'essaye de faire au mieux d'ici peu pour tout poster ici

Re
Je ne sais pas si tu as vu mais les pages sont trop grosses sur Didi je ne peux pas de tes poster ici :/ trop longue du coup comment fait-on ?
Merci

Hello !

Tu peux :
- soit les mettre en plusieurs messages
- soit les mettre sur un dropbox et me donner le lien : https://tambouille-raleuses.forumactif.com/t1319-utiliser-dropbox-pour-nos-images-css-et-js#22907

Re
déjà voici la fiche CSS :

Merci j'ai édité pour mettre sous hide pour qu'on ne te le prenne pas

J'avais oublié merci
Normalement tu as ma fiche de style et mes fiches HTML
Est-ce qu'il te faut aussi les JS actifs et templates ?

merci

Hello @Arya , je vais déjà te montrer des exemples avec ça et on verra ensuite

Je te tiens au courant

EDIT :
Je viens de voir que le forum des forums a déjà fait un tuto sur le sujet : https://forum.forumactif.com/t308631-selecteur-de-style

L'as-tu essayé ? (je viens de le suivre, en utilisant dropbox et non ce qu'ils préconisent, et ça marche nickel)

Re

Pour te répondre, je n'ai pas essayé et je ne comprends vraiment rien, c'est trop compliqué pour moi :/
J'avais déjà testé un autre par contre et le résultat était complètement pas du tout fonctionnel, je l'ai enlevé :/
Je pense que ce serait mieux si quelqu'un pouvait me sauver et le faire, car je ne maîtrise absolument pas tout ce qui touche au JS etc...

Re @Arya,

Malheureusement tenter quelque chose auquel tu ne comprends absolument rien est risqué, si tu as le moindre bug ça plantera.

Mais on va le faire ensemble.

Tout d'abord, j'aimerai que tu mettes tes 2 CSS sur dropbox (en théorie que les dark thème seuls les couleurs changent ici on va se concentrer dessus et on verra les images plus tard si tu en as qui ne sont pas dans la CSS).

J'aimerai que tu les mettes correctement en suivant bien le tutoriel que je t'ai mis (https://tambouille-raleuses.forumactif.com/t1319-utiliser-dropbox-pour-nos-images-css-et-js#22907) jusqu'au bout, j'ai vraiment besoin du bon lien.
Tu dois y mettre des fichiers en .css
Le lien doit ressembler à un truc comme ça : https://dl.dropboxusercontent.com/scl/fi/x4hirzc3osn6dh4ex2jq1/selecteur.css?rlkey=dh9mj6u0kvkjdja2fmvygvvmy

Coucou
J'ai du coup testé ton dernier tuto, et voici le lien que j'ai pu obtenir, pour la fiche de style déjà

https://dl.dropboxusercontent.com/scl/fi/be203ptt1k2iumpwi4oqi/__-Variables-__.paper?rlkey=6qyak654ieqprrx7h6zkokfvi&st=zzy2naj7&

Est-ce que c'est bon ?

Merci

Hello @Arya,

Non ça ne va pas
Regarde bien quand tu cliques sur ton lien et sur mon lien :
- Sur ton lien on a juste 2 lignes avec des liens
- Sur mon lien on a la CSS

Ton fichier que tu dois uploader sur Dropbox doit être au format ".css"
Là je n'ai pas l'impression que ça soit le cas

Coucou
J'ai repris un peu tout ça et retirer mes autres messages.
J'ignore juste comment j'ai fait, mais j'ai téléchargé ma fiche css, ce qui m'a générer un fichier css comme tu l'as dit, par contre, j'ignore comment procéder à cela pour les autres éléments ?
J'espère que tu pourras m'expliquer ce point quand tu pourras
J'ai du coup importer ledit fichier dans dropbox, et donc, j'ai pu obtenir le lien suivant en espérant que cette fois-ci, ce soit le bon :
https://dl.dropbox.com/scl/fi/63lr8177a2fan7zjy4ekc/20240923_2017-CSS-avada-kedavrarpg.forumactif.com-1.css?rlkey=5vpcws2n48rxh8wz6pvvco217&st=laf56ln2&
D'avance merci pour tes explications pour la partie "générer un fichier css" et le reste, si je ne me suis pas plantée.
Merci

Hello @Arya,

Je le redis ici mais il ne sert à rien de m'envoyer des messages discord et ici, vraiment, ça m'agace juste ^^
Je passe quand je peux, quand ma santé me le permet et quand j'ai le temps

Ton lien est bon

J'ignore juste comment j'ai fait, mais j'ai téléchargé ma fiche css, ce qui m'a générer un fichier css comme tu l'as dit, par contre, j'ignore comment procéder à cela pour les autres éléments ?
J'espère que tu pourras m'expliquer ce point quand tu pourras Smile

Alors, d'abord, peux-tu me dire quel éditeur tu utilises ?
La technique sera la même pour tous normalement : tu fais fichier -> Enregistrer sous -> tu sélectionnes ton emplacement et en format tu choisi ".css"

BLOUP
Merci et désolée
Nickel
J'utilise Notepad+++ mais je t'avoue que je n'ai jamais fait attention car j'enregistre majoritairement en html dessus
J'irai voir ce soir du coup, juste par curiosité
Mais on a déjà la fiche de style principale
J'ai compris du coup, d'où venait le soucis d'origine
merci

Hello !

Alors, maintenant que tu as ton url CSS, est-ce que tu te sens capable de suivre la seconde partie de ce tutoriel : https://forum.forumactif.com/t308631-selecteur-de-style ?

Coucou
Je pense, mais j'ai juste une question, car je viens de lire, mais je voulais juste m'assurer d'une réponse, même si je pense l'avoir :
ma fiche hébergée correspond du coup au mode sombre ? Je fais donc devoir à l'intérieure, modifier les couleurs directement, et laisser le mode claire dans la fiche CSS de base du forum ?
Pour bien comprendre et ne rien compliquer, je commence par modifier la fiche de style du fofo, c'est le plus simple, avant de voir, comment est-ce que je peux faire pour les fiches HTML.
Mais je pense qu'on pourra faire le reste ensemble quand ce sera le moment ?
Merci à toi

Hello !

Alors, le plus simple est de faire 2 fichiers CSS disctincts (un mode clair et un mode sombre) et de n'avoir que le commun dans la CSS du forum.
Est-ce que tu vois ce que je veux dire ?

Pour les page HTML, on pourra voir ensuite oui

Si je pige bien, tu entends pas communs par exemple, les polices et tailles, mais par exemple, j'exporte juste les couleurs ? et/ou image dans les fichiers CSS distincts ?

merci

C'est exactement ça