Rpg Maker BRasil
RPG Maker Brasil - RMBR

Seja Bem vindo ao Forúm! Faça seu cadastro e desfrute sobre o mundo do RPG Maker!
P.S.: PARA MELHOR VIZUALIZAÇÃO DO FORUM SEM BUGS, RECOMENDO QUE USEM O MOZILLA FIREFOX OU O GOOGLE CHROME!
Rpg Maker BRasil
RPG Maker Brasil - RMBR

Seja Bem vindo ao Forúm! Faça seu cadastro e desfrute sobre o mundo do RPG Maker!
P.S.: PARA MELHOR VIZUALIZAÇÃO DO FORUM SEM BUGS, RECOMENDO QUE USEM O MOZILLA FIREFOX OU O GOOGLE CHROME!
Rpg Maker BRasil

Evoluindo cada vez mais!


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

HenRyqUéè

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

https://rmbr.forumeiros.com/

-Naruto

-Naruto
Administrador
Publicitário
Helper
Tutorial Aceito

Movido.

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos