1 [TUTORIAL] [NOVO!] Colocando o widget "Selecione o Tema" para foruns phpBB3 V² 28/09/12, 09:37 pm
HenRyqUéè
Administrador
Avaliador
Helper
Colocando o widget "Selecione o Tema" para foruns phpBB3
Eaí galera, hoje estou disponibilizando um código para mudança de temas. O efeito será posicionado no final do cabeçalho do forum, com uma caixinha de seleção.
PRÉVIA:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link] [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
FUNCIONA EM: phpBB3. (testado!)
CÓDIGO JAVASCRIPT:
Aceda em: Módulos>HTML e JavaScript>Gestão dos códigos JavaScript.
- Spoiler:
- logo = 'URL DO LOGO DO FORUM';
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('[Tens de ter uma conta e sessão iniciada para poderes visualizar esta 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());
});
});
Mude a primeira linha do código, onde está escrito URL DO LOGO DO FORUM pelo link de url do logo do seu forum.
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 forum.
- Spoiler:
- Código: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
<!-----SEPARAÇÃO------>
<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 type="text/css"> #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>
NOME DO WIDGET: Dê um nome ao Widget.
UTILIZAR UM TABLE TYPE: Marque "Não".
TÍTULO DO WIDGET: Não coloque Título.
FONTE DO WIDGET: Cole o código acima.
SALVE!
Pronto pessoal! Até a proxima......
RMBR