DefinizioneCos'è 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+ |
InstallazioneAndiamo 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 
ModifichePuoi modificare il testo di var nightMode_title = "Modalità Notturna"; per cambiare il testo visualizzato nella barra della modalità notturna.
|
Indice
Modalità notturna nel forum
Da Niko Sab 10 Apr 2021 - 18:29
Facebook
Twitter
Youtube
