Mode nuit / sombre pour mon forumactif

[Lucho.F]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis le départ.
Lien du forum : https://intra-tpd.forumactif.com/

Description du problème

Bonjour, j'essaye en vain depuis un petit moment d'intégrer un mode nuit / sombre pour la sensibilité des utilisateurs, qu'il soit automatique ou manuel avec un bouton.
Ps: je suis débutant.
Merci à vous de bien vouloir m'aider.

[Invité]

Hello Lucho.F ,
mon ami Ange Tuteur a concocté ce script "Night Mode":

https://fmdesign.forumotion.com/t444-night-mode#3675

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Codes Javascript

Activer la gestion des codes Javascript : Oui

Mets un titre explicite.

Cocher sur toutes les pages.



Déposes ceci:

Code:


(function() {
          if (/msie/i.test(window.navigator.userAgent)) return; // browser exclusion
          if (!window.fa_night_mode && typeof document.getElementsByTagName('HEAD')[0].style.pointerEvents === 'string') {
       
            window.fa_night_mode = {
              targets : ['page-footer', 'pun-foot', 'ipbwrapper'], // target node that the dimmer will be attached to
         
              // executed when the dimmer is changed
              dimLight : function() {
                var val = +fa_night_mode.dimmer.value;
                fa_night_mode.shade.style.backgroundColor = 'rgba(0, 0, 0, ' + val / 100 + ')';
                fa_night_mode.counter.innerHTML = ( val / 90 * 100 ).toFixed() + '%';
                my_setcookie('fa_night_level', val);
              }
            };
       
            // startup variables
            var dimmer = document.createElement('INPUT'),
                container = document.createElement('DIV'),
                counter = document.createElement('SPAN'),
                cookie = my_getcookie('fa_night_level'); // cookies <3
           
            // set the night shade and styles
            document.write('<style type="text/css">#fa_night_shade { font-size:0; position:fixed; top:0; left:0; right:0; bottom:0; pointer-events:none; z-index:999999999; } #fa_night_dimmer { margin:0 6px; vertical-align:middle; cursor:pointer; } #fa_night_container { font-size:12px; font-family:arial, sans-serif; background:#EEE; border:1px solid #CCC; border-radius:3px; display:inline-block; padding:3px; margin:1px; }</style>');
            fa_night_mode.shade = $('<div id="fa_night_shade" style="background-color:rgba(0, 0, 0, ' + ( cookie ? cookie / 100 : 0 ) + ');"></div>')[0];
       
            fa_night_mode.interval = window.setInterval(function() {
              if (document.body) {
                document.body.appendChild(fa_night_mode.shade);
                window.clearInterval(fa_night_mode.interval);
              }
            }, 1);
       
            // dimmer attributes
            dimmer.id = 'fa_night_dimmer';
            dimmer.type = 'range';
            dimmer.min = 0;
            dimmer.max = 90;
            dimmer.value = cookie || 0;
            dimmer[/trident/i.test(window.navigator.userAgent) ? 'onchange' : 'oninput'] = fa_night_mode.dimLight; // IE11 cannot use oninput
       
            // percentage counter
            counter.id = 'fa_night_counter';
            counter.innerHTML = ( cookie ? cookie / 90 * 100 : 0 ).toFixed() + '%';
       
            // container contents
            container.id = 'fa_night_container';
            container.innerHTML = '<span>Mode nuit:</span>';
            $(container).append([dimmer, counter]);
       
            // cache nodes to the global object
            fa_night_mode.dimmer = dimmer;
            fa_night_mode.counter = counter;
       
       
            // stuff to do when the document is ready
            $(function() {
              // find one ( AND ONLY ONE ) of the targets to attach the dimmer
              for (var i = 0, j = fa_night_mode.targets.length, footer; i < j; i++) {
                footer = document.getElementById(fa_night_mode.targets[i]);
                if (footer) {
                  footer.appendChild(container);
                  break;
                }
              }
         
              if (!footer) {
                document.body.appendChild(container); // fallback if footer cannot be found
              }
            });
          }
        }());




Penses a cliquer sur le bouton VALIDER

Et voilou, il suffit d'aller en bas de page et voir le résultat.

a++

[Lucho.F]

Super ! Je te remercie cela sauve pas mal de gens déjà. J'en demande peut être trop et si c'est le cas je m'en excuse d'avance mais serait il possible d'avoir ce genre de Dark mode :

[Invité]

Re,
cet affichage est prévu pour la version EDGE :
https://www.milouze14.com/t30473-edge-installer-la-version-edge-sur-votre-forum#581863



a++

[Chacha]

Bienvenue sur le forum de support de Forumactif Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : L'importance de garder secret l'email de fondation, Sécurité : ce qu'il ne faut pas faire, Liste des questions et réponses fréquentes, Liste des trucs et astuces, La fonction rechercher N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Lucho.F]

Bonsoir j'étais un peu occupé, mais quand je disais que le voulais avoir la même chose que sur les images si dessus je voudrais un bouton dark mode.

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Lucho.F]

Bonsoir, je suis toujours un attente d'une solution si il y en a une.
Merci à vous, bonne soirée.

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.