[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
Editado e Postado por DEXTER