Modalità notturna nel forum

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!

This plugin is optimized for use on all forum versions and expected to work on the following browsers.

Chrome	Firefox	Internet Explorer	Opera	Safari
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.