+24Replay
Zeek
rafusqui
Foxy-xD
Leonardo Silva
WaxyJr
Akira
paulim78
-Jonathan-
+Jonathan-
@Jizk
iMac_Publicando
deaneo8
venancio
Gaming7
Eragon™
Alexandre51
waghcwb
Gaab
Latysh
[S]herlock H.
Daemon
ModToolsBS
Target
28 participantes
Target • Qui 3 Out 2013 - 14:21
Reputação da mensagem: 100% (11 votos)
Nome do Arquivo: Mudar cor das categoriais
Autor: Premotheus
Funcionalidade: Todas as versões
Categoria: Recursos BestSkins
Olá amigos.
Como o título mesmo diz, "Mudar cor das categoriais"
Utilizaremos, para tal função, um javascript.
AdminCp >> Módulos >> HTML & JAVASCRIPT >> Gestão dos códigos JavaScript >> + Criar um novo JavaScriptConfigure-o deste modo:
Título: Coloque um título.
Investimento: Marque
Em todas as páginasCódigo JavaScript:[poll]
- Código:
jQuery(function () {
jQuery("#pun-head").prepend('<img src="http://i74.servimg.com/u/f74/17/49/01/62/themee10.png" alt="Change background image" title="Trocar a imagem de fundo" id="nav_background" />');
jQuery("#emptyidleft").prepend('<div id="toggle_background" style="display: none;"><div id="editorPrimary" class="themeBoxes" style="display: block"><span id="bg1" style="background-color: #b22b2b;" data-main="b22b2b">Vermelho</span><span id="bg2" style="background-color: #cea128;" data-main="#cea128">Banana</span><span id="bg3" style="background-color: #353F3F;" data-main="#353F3F">Escurecido</span><span id="bg4" style="background-image: -webkit-linear-gradient(#e7e7e7,#E2E2E2) !important;background-image: -moz-linear-gradient(#e7e7e7,#E2E2E2) !important;background-image: -khtml-linear-gradient(#e7e7e7,#E2E2E2) !important;background-image: -o-linear-gradient(#e7e7e7,#E2E2E2) !important;background-image: -ms-linear-gradient(#e7e7e7,#E2E2E2) !important;color:#727272 !important;" data-main="#e7e7e7,#E2E2E2">Normal</span></div></div>');
jQuery("#editorPrimary span").click(function () {
jQuery(".main-head").removeClass("bg1 bg2 bg3 bg4 bg_custom").addClass(jQuery(this).attr("id"));
my_setcookie("editorPrimary", jQuery(this).attr("id"), true);
});
jQuery("#custom_submit").click(function () {
var urlbg = jQuery("#custom_input").val();
jQuery(".main-head").removeClass("bg1 bg2 bg3 bg4 bg_custom").addClass("bg_custom").css("background-image", "url('" + urlbg + "')");
my_setcookie("editorPrimary", urlbg, true);
});
jQuery("#nav_background").click(function () {
jQuery("#toggle_background").slideToggle()
});
if (my_getcookie("editorPrimary") != "") {
if (my_getcookie("editorPrimary").length > 4) {
jQuery(".main-head").addClass("bg_custom").css("background-image", "url(" + my_getcookie("editorPrimary") + ")");
} else {
jQuery(".main-head").addClass(my_getcookie("editorPrimary"))
}
}
});
[/poll]
Agora
Salve.Após isso, será necessário apenas um CSS para que possa funcionar.
AdminCP >> Visualização >> Imagens e Cores >> Cores >> Aba "Folha de estilo CSS"Adicione isto no início:
Valide.Pronto.
Agora basta visualizar o teu fórum e ver se funcionou!
Comente e curta pra visualizar!
Qualquer dúvida em relação a este tutorial, crie um tópico com o mesmo título.
Última edição por Target em Sáb 23 Ago 2014 - 19:25, editado 2 vez(es)
Reputação da mensagem: 100% (11 votos)
Target • Sex 15 Nov 2013 - 17:46
Venho notificar que adicionei uma imagem.
'
ModToolsBS • Sex 15 Nov 2013 - 18:51
Muito bom Tutorial mas poderia fazer me passar o código que a cor BANANA seja AZUL
-Pedrinho
Target • Sex 15 Nov 2013 - 21:16
Sim é possível, entre em contato comigo por MP, assim farei o code pro sr. !
Daemon • Sex 15 Nov 2013 - 23:18
[sucesso=Tutorial aceito][/sucesso]Movido para: Dicas e Tutoriais
[S]herlock H. • Qua 4 Dez 2013 - 10:03
Saudações!
Seu tutorial está em todas as normas do fórum, e por isso foi aceito!
Até mais.
Latysh • Qua 4 Dez 2013 - 10:29
Tipo, os usuários podem mudar quando quiser?
[S]herlock H. • Qua 4 Dez 2013 - 11:02
Latysh escreveu:Tipo, os usuários podem mudar quando quiser?
Sim amigo, isso seria como um selector de cores. Entende ?
Até mais.
Gaab • Qua 4 Dez 2013 - 11:17
waghcwb • Qua 4 Dez 2013 - 18:13
Reputação da mensagem: 100% (1 votos)
Poxa bacana isso ai, gostei bastante
Reputação da mensagem: 100% (1 votos)
Alexandre51 • Seg 27 Jan 2014 - 17:46
Aonde aparece o seletor de cores para que os membros possam alterar?
Target • Ter 28 Jan 2014 - 14:48
No topo do fórum. Talvez bug nas versões Invision e Phpbb3.
Eragon™ • Seg 10 Mar 2014 - 0:40
Gaming7 • Seg 22 Dez 2014 - 23:17
Saudações! Testando Fuiiz
venancio • Seg 22 Dez 2014 - 23:55
Vou testar kkk amis parece ser bom
venancio • Ter 23 Dez 2014 - 0:02
Ola: Saudações
Fis os test Mais Fiquei sem Resultados
no meu fórum nao sei o motivo mais o code nao
ativou em meu fórum
[alerta="Sem Resultados"][/alerta]
deaneo8 • Ter 23 Dez 2014 - 8:37
nice topic bro keep up the good work
deaneo8 • Ter 23 Dez 2014 - 8:48
nice topic bro keep it up bro
iMac_Publicando • Ter 30 Dez 2014 - 23:21
Obrigado mas a mim não funcionou
@Jizk • Qua 31 Dez 2014 - 14:55
Cometando para visualizar.
+Jonathan- • Sex 2 Jan 2015 - 13:22
ficou muito bom parabéns pelo trabalho!
-Jonathan- • Qua 7 Jan 2015 - 15:12
parece legal a ideia vou testar obrigado
paulim78 • Qua 7 Jan 2015 - 22:09
Amigo a Folha CSS não esta aparecendo...
Akira • Qui 19 Mar 2015 - 21:57
Código bastante útil, principalmente para aqueles que querem seu fórum com mais interação com o usuário..
WaxyJr • Dom 29 Mar 2015 - 12:47
vou baixar e testar vlw...
Conteúdo patrocinado •
Permissões neste sub-fórum
Não podes responder a tópicos