Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

avatar
Fundador
Seletor de skin para PhpBB3Neste tutorial você aprenderá a instalar um seletor de skin para seu fórum, com ele seus membros poderão mudar a skin do fórum como eles mais gostarem.
Versões de funcionamento: PhpBB3 (Caso tenha interesse nesta função para outras versões, por favor fazer um pedido de suporte.)

1º Passo - Inserindo o JavaScript Como fazer isto
Insira este código no seu gestor de códigos JavaScript e selecione a opção Todas as páginas.

Código:
logo = 'http://illiweb.com/bl/logo.png';
ver = 'prosilver';

function loadskin() {
    var a = my_getcookie('skin');
    defskin = (ver == 'invision') ? 'grey' : 'blue';
    var s = (a == defskin) ? '' : ('_' + a);
    if (a != null) {
        if (a != 'default') {
            if (location.search == '') this.location = this.location.pathname + '?change_theme=' + ver + s + location.hash;
            else if (!(/\?change|&change/.test(location.search))) this.location = this.location.href.replace(this.location.search, this.location.search + '&change_theme=' + ver + s);
            else if (qStr('change_theme') != (ver + s)) this.location = this.location.href.replace(this.location.search, '?change_theme=' + ver + s);
        } else if (/\?change|&change/.test(location.search)) {
            this.location = this.location.href.split('?')[0]
        }
    }
}

function chgskin(skin) {
    my_setcookie('skin', skin, 0, 0);
    loadskin();
}

function qStr(key, default_) {
    if (default_ == null) default_ = "";
    key = key.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
    var regex = new RegExp("[\\?&]" + key + "=([^&#]*)");
    var qs = regex.exec(window.location.href);
    if (qs == null) return default_;
    else return qs[1];
}
$(function() {
    loadskin();
    $("#logo").HTML('IMAGEM').fadeIn("slow");
    var myskin = my_getcookie('skin');
    if ($("#gfooter select").length) {
        $("#qjump").before($("#c3ztheme").remove());
        $("#c3ztheme").CSS("float", "left");
    } else {
        $(".linklist .footer-home").HTML($("#c3ztheme").remove());
    }
    $("#c3ztheme").addClass(myskin).find("." + myskin).attr("selected", "selected");
    $("#c3ztheme").change(function() {
        chgskin($(this).val());
    });
});

2º Passo - Criando um WidGet personalizado Como fazer isto
Coloque este código em um widget, coloque o widget em uma coluna para que ele fique ativo no fórum, marque não na opção Utilizar um table type :.
*Caso prefira pode colocar o CSS na folha de estilos CSS do seu fórum, basta remover as tags <style> e </style>.

Código:
<select id="c3ztheme">
    <option class="default" value="default">Original</option>
    <option class="blue" value="blue">Azul</option>
    <option class="red" value="red">Vermelho</option>
    <option class="magenta" value="magenta">Violeta</option>
    <option class="lightgreen" value="lightgreen">Verde Claro</option>
    <option class="yellow" value="yellow">Amarelo</option>
    <option class="grey" value="grey">Cinza</option>
    <option class="pink" value="pink">Rosa</option>
</select>
<style>
#logo {
    display :none;
}
#c3ztheme {
    font-variant: small-caps;
}
.default {
    background:#FFF;
}
.blue {
    background:#0D97DC;
}
.red {
    background:#D90C1C;
}
.magenta {
    background:#904E8B;
}
.lightgreen {
    background:#86D70B;
}
.yellow {
    background:#DCDA0A;
}
.grey {
    background:#727272;
}
.pink {
    background:#DF0F82;
}
</style>


  • Resultado:






© Staffer Group BR™
PRECISA DE SUPORTE?

Criador: Indisponível
Site: http://staffergroupbr.stuning.net/t698-
Ver perfil do usuário

#2
 dejanpetrus

avatar
Membro
Muito exelente código, totalmente util e inovador.
Ver perfil do usuário

#3
 1+1=EU

avatar
Novato
Olá, o coigo foi criado por mim: HenRyqUéè site: www.rmbr.forumeiros.com
Ver perfil do usuário

#4
 D'Leandro™

avatar
Fundador
1+1=EU escreveu:Olá, o coigo foi criado por mim: HenRyqUéè site: www.rmbr.forumeiros.com
Demonstre a prova concreta disto, e os créditos seram apresentados imediatamente.
Ver perfil do usuário

#5
 1+1=EU

avatar
Novato
Ver perfil do usuário

#6
 D'Leandro™

avatar
Fundador

Basta verificar a data... O Tutorial foi postado 18 dias depois deste.
Ver perfil do usuário

#7
 eusouogoku

avatar
Membro
Muito bom ^^
Ver perfil do usuário

#8
 JQuery

avatar
Membro
obr aqui
Ver perfil do usuário

#9
 sivastar

avatar
Membro
NIce
Ver perfil do usuário

#10
 sivastar

avatar
Membro
Fantastic tutorial
Ver perfil do usuário

#11
 D'Leandro™

avatar
Fundador
Irei testar este código, caso ainda funcione logo postarei atualização para o tópico.

Ps: Acabei de testar o código, ainda é funcional em phpBB3. Postarei atualização do tópico em breve.

Ps: Tópico atualizado 12/12/2014 ás 08:51 am
Ver perfil do usuário

#12
 Conteúdo patrocinado