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
 HenriqueBr

avatar
Membro
[Tutorial] Widget "Selecione o Tema" para foruns phpBB3


Fala ae de novo me pessoal bonito kkkkk, hj vou ensinar a vcs a como colocar o widget para o usuario selecionar o tema do fórum, não é necessario colocar imgs (a não ser o logo) a não ser que você queira, pois o codigo gera todas as cores e imgs pra você.[/center]
PRÉVIA:

Expandir esta imagemReduzir esta imagem Ver em tamanho real

FUNCIONA EM: phpBB3. (testado!)

CÓDIGO JavaScript:

Aceda em: Módulos > HTML e JavaScript > Gestão dos códigos JavaScript.

Código:
logo = '[b]LOGO DO fórum[/b]';
         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('[img]strongLOGO DO fórum/strong[/img]').fadeIn("slow");
         });


Nas partes onde está escrito "LOGO DO fórum" e 'LOGO DO fórum', troque pelo url da imagem do logo do seu fórum.

TÍTULO: Dê um título ao codigo.
INVESTIMENTO: Marque "Em todas as Páginas".
CÓDIGO JavaScript: Cole o código acima fazendo as alterações.
SALVE!


WIDGET:

Aceda em: Módulos>Portal e Widgets>Gestão dos widgets do fórum.
Spoiler:

       

Código:
.theme {padding: 10px 0px 0px;}
         .theme a {
             display: inline-block;
             text-decoration: none;
             width: 12px;
             height: 12px;
             border: 1px solid #444;
             margin: 2px 2px 2px 0;
             line-height: 2px;
         }
         .default{background:transparent;}
         .blue{background:#0D97DC}
         .red{background:#D90C1C}
         .magenta{background:#904E8B}
         .lightgreen{background:#86D70B}
         .yellow{background:#DCDA0A}
         .grey{background:#727272}
         .pink{background:#DF0F82}

       
NOME DO WIDGET: Dê um nome ao Widget.
UTILIZAR UM TABLE TYPE: Marque "Sim".
TÍTULO DO WIDGET: Coloque "Escolha o Tema:".
FONTE DO WIDGET: Cole o código acima.

SALVE!

Tá ai pessoal, espero que gostem.
TRADUÇÃO E EDIÇÃO: © RMBR | DEXTER
Desenvolvido por CLUBTEEN | CLUBTEEN
Editado e Postado por DEXTER
Ver perfil do usuário

#2
 D'Leandro™

avatar
Fundador
@Edições: Título & Créditos.
@Motivo: Não Utilização da Caixa de Prefixos & Não Utilização do Menú Inserir Créditos.
Tutorial Aceito
Este tópico foi movido para Tutoriais
Ver perfil do usuário

#3
 HenriqueBr

avatar
Membro
nossa, e tem isso/ kkk nem sabia
Ver perfil do usuário

#4
 D'Leandro™

avatar
Fundador
Sim, Confira o Tópico: Removido.
Ver perfil do usuário

#5
 Conteúdo patrocinado