[Tutorial] [Forumeiros] Modo noturno nos tópicos

Olá pessoal!

Muitos certamente não me conhecem, mas sou o Hancki, atual Ajudeiro do Fórum dos Fóruns, da staff Forumeiros.
E como tal, percebo em grande parte sobre o funcionamento sobre os fóruns na empresa hospedados, como aqui o Rewtec.
Então, desenvolvi um código que tem o intuito de resguardar a visão para não cansar tanto os olhos em leituras extensas.

Só temos que criar uma nova Página Javascript, com investimento nos Tópicos com o seguinte código:

Código:

$(function() {
    var deferreds, color;
    deferreds = [];
    if (!$.cookie) {
        deferreds.push($.getScript('http://illiweb.com/rs3/43/frm/jquery/cookie/jquery.cookie.js'));
    }
    $.when.apply(null, deferreds).then(function() {
        $('#right').append(
            '<style>#removeCookieNoturno { display:none;}</style>' +
            '<div class="main-content color-chooser clearfix" style="position:fixed;bottom:0px;left:0px;border-radius:5px;z-index: 9999;"><table class="coresforum"><tr><td>' +
            '<a id="modoNoturno" href="javascript:void(0)">Modo noturno</a><a id="removeCookieNoturno" href="javascript:void(0)">Sair</a>' +
            '</td></tr></table>' +
            '</div>'
        );
        $('#modoNoturno').on('click', function() {
            $.cookie('color-chooser', $(this).css('background-color'));
            location.reload(0);
        });
        $('#removeCookieNoturno').on('click', function() {
            $.cookie('color-chooser', null, {
                path: '/'
            });
            location.reload(0);
        });

    });
    if (document.cookie.indexOf('color-chooser') !== -1) {
        var cookies, parts, key, value;
        cookies = document.cookie.split(';');
        $.each(cookies, function() {
            parts = this.split('=');
            key = $.trim(parts[0]);
            value = $.trim(parts[1]);
            if (key === 'color-chooser') {
                $('<style>', {
                    text: '#modoNoturno { display:none;} #removeCookieNoturno {display:block !important;} .codebox {color: black;} .post { background: #363636 !important; } .pun .post-entry, .pun .user .user-info, .label span, .pun .entry-content a { color: white !important; } .postmain blockquote, .spoiler_content.hidden a, .spoiler_content.hidden { color: black !important; } div.post-options img { background: white !important; border-radius: 5px; }div[class="postbody"][style="background-color:#eaf8e2;"] .entry-content { color: black !important; }.pun, .pun .main-content { background-color: black !important; } #removeCookieNoturno { color: white; }'
                }).appendTo('body');
            }
        });
    }
});

Atualmente, este código funciona apenas em fóruns PunBB, porque foi especialmente concebido para o Rewtec.
Aliás, vocês mesmos podem testar!
Vejam esta imagem:

As cores foram escolhidas pelo Helix.

Espero que possam usar nos vossos fóruns e brevemente faço uma versão 2 do código, para todas as versões.

Hancki

Sim foi uma muito boa solução encontrada para não alterar todo o design do fórum como acontecia anteriormente, assim quem deseja utilizar o Modo nocturono é só clicar no canto inferior esquerdo do fórum quem quiser deixar o modo normal obico que não precisa de clicar, válido apenas para os tópicos é possivel que também possa a surgir para o Index do fórum.

sim senhor, tá bastante porreiro! parabens

Agora já disponível por todo o fórum!!
Cliquem em cima da imagem a baixo.

Muito bom Modo noturno on

Mesmo fixe ja estou a utilizar e dá outro ar ao forum gostei imenso pessoal, bom trabalho