Modalità notturna nel forum


Tutorial Modalità notturna nel forum

Messaggio Da Niko Sab 10 Apr 2021 - 18:29

Modalità notturna nel forum


Definizione

Cos'è la "modalità notturna"? Night Mode è un plugin che permette di ridurre la luminosità del forum, facendolo apparire più facile agli occhi. È perfetto per la navigazione notturna, per le persone sensibili alla luce o per i vampiri!

Modalità notturna nel forum Umbr1Gq

This plugin is optimized for use on all forum versions and expected to work on the following browsers.
ChromeFirefoxInternet ExplorerOperaSafari
5.0+23.0+11+15+4+

Installazione

Andiamo verso Pannello di amministrazione ► Moduli ► HTML & Javascript ► Gestione del codice Javascript, assicuriamoci che la gestione del codice Javascript sia attivata e creiamone uno nuovo con queste impostazioni:

  • Titolo: a tua scelta
  • Dove: in tutte le pagine
  • Codice:
    Codice:
    (function() {
    var nightMode_title = "Modalità Notturna";
      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>'+nightMode_title+' :</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
          }
        });
      }
    }());


Quando hai finito, salva lo script e verrà installata la modalità notturna! Per provarlo, vai sul tuo forum e sarai in grado di trovare i controlli della modalità notturna a piè di pagina. Basta trascinare il cursore per modificare l'oscurità del forum e sarai a posto :bene:

Modifiche

Puoi modificare il testo di var nightMode_title = "Modalità Notturna"; per cambiare il testo visualizzato nella barra della modalità notturna.


Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 24
Messaggi : 8342
Località : Provincia di Varese

Visualizza il profilo https://www.openstudio.one
Niko è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto


 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.