como mudar cor sub-forum modo hover?

2 participantes

Ir para baixo

Tópico resolvido como mudar cor sub-forum modo hover?

Mensagem por iuri_teteu 28.10.15 19:12

Detalhes da questão


Endereço do fórum: brasilplayshowrpg.forumbrasil.net
Versão do fórum: PunBB

Descrição


ola!

queria saber como mudar cor dos sub-forum modo hover.


exemplo aqui e o meus sub-forums :

https://imgur.com/DmyEzy8

queria deixar com cor irei por "exemplo" de sub-forum com cor :

https://imgur.com/ztuDXBp

meu JS Dos Sub-Forums Modo Hover!

Código:
/* Sub-fóruns - Início */

jQuery(document).on('ready', function() {
/* Sub-fóruns que irão ser exibidos */
var subforuns = '<center><a href="http://brasilplayshowrpg.forumbrasil.net/f33-denuncia-contra-admins" id="3">→ Denúncias contra Admins </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f34-denuncias-contra-contra-lideres" id="3">→ Denúncias contra Líderes </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f35-denuncias-contra-cop-s-e-governo" id="3">→ Denúncias contra Cops e Governo </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f36-denuncias-contra-gangsters" id="3">→ Denúncias contra Gangsters </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f37-denuncias-contra-mafiosos" id="3">→ Denúncias contra Mafiosos </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f39-denuncias-contra-mercenarios" id="3">→ Denúncias contra Mercenários </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f40-denuncias-contra-terroristas" id="3">→ Denúncias contra Terroristas </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f38-denuncias-contra-outras-organizacoes" id="3">→ Denúncias contra outras Organizações </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f41-denuncias-contra-socios" id="3">→ Denúncias contra Sócios </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f42-denuncias-contra-civil" id="3">→ Denúncias contra Civis </a></center>';
/* Sub-fóruns que irão ser exibidos */

var forum = 3;
var css = "#topicsmsgs{display:none;}#subforum{padding:7px 7px 7px 7px;}";

jQuery(document).ready(function() {
jQuery("li.row:eq(" + forum + "), td.tcl:eq(" + forum + "), td.row2.icon:eq(" + forum + "), td.row1.over:eq(" + forum + ")").append("<style>" + css + "</style><div id='topicsmsgs'>" + subforuns + "</div>")
});
jQuery(document).each(function() {
jQuery('li.row:eq(' + forum + '), td.tcl:eq(' + forum + '), td.row2.icon:eq(' + forum + '), td.row1.over:eq(' + forum + ')').mouseover(function(){
jQuery("#topicsmsgs").slideDown("fast");
});
jQuery("li.row:eq(" + forum + "), td.tcl:eq(" + forum + "), td.row2.icon:eq(" + forum + "), td.row1.over:eq(" + forum + ")").mouseleave(function(){
jQuery("#topicsmsgs").slideUp("fast");
});
});


);
/* Sub-fóruns - Fim */


Última edição por iuri_teteu em 28.10.15 21:33, editado 1 vez(es)
avatar
iuri_teteu
*

Membro desde : 14/09/2015
Mensagens : 42
Pontos : 87

http://brasilplayshowrpg.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: como mudar cor sub-forum modo hover?

Mensagem por Fraise 28.10.15 21:21

Olá!

Aceda a Painel de Controle > Visualização > Cores > Folha de estilo CSS e cole lá o seguinte código:
Código:
#topicsmsgs a {
    color: #0041FF !important;
}
#0041FF corresponde à cor hexadecimal do código. Poderá encontrar diversas cores no link a seguir:
Seta Tabela de cores HTML/Hexadecimal

Até mais.
Fraise
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: como mudar cor sub-forum modo hover?

Mensagem por iuri_teteu 28.10.15 21:27

fraise da erro
Código:
Erro detectado
Nós contamos um número diferente de "{" e de "}". Isto significa que o seu CSS pode não ser válido e não será exibido corretamente no seu fórum.

Lhe aconselhamos que releia o seu código.

ai tentei criar JS e quando crio la ai não aparece os sub-forums
avatar
iuri_teteu
*

Membro desde : 14/09/2015
Mensagens : 42
Pontos : 87

http://brasilplayshowrpg.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: como mudar cor sub-forum modo hover?

Mensagem por Fraise 28.10.15 21:29

Como assim? O código funcionou... estou vendo ele ativo em seu fórum.
Tente mudar a cor para ver que está funcionando. Piscada

Até mais.
Fraise
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: como mudar cor sub-forum modo hover?

Mensagem por iuri_teteu 28.10.15 21:30

sim os sub-forums estão ativos mais a cor tendeu ta a mesma e da o erro que citei em cima
avatar
iuri_teteu
*

Membro desde : 14/09/2015
Mensagens : 42
Pontos : 87

http://brasilplayshowrpg.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: como mudar cor sub-forum modo hover?

Mensagem por Fraise 28.10.15 21:33

Não está a mesma não! Estava preto e agora está azul, por exemplo se quiser mudar para vermelho deverá trocar o código para este:
Código:
#topicsmsgs a {
    color: #FF0000 !important;
}

Entendeu?
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: como mudar cor sub-forum modo hover?

Mensagem por iuri_teteu 28.10.15 21:35

consegui tinha esquecido de atualizar pagina '-'

fraise mais tipo se eu quiser colocar cor diferente em outro topico? so vai poder setar uma cor pra todos?
avatar
iuri_teteu
*

Membro desde : 14/09/2015
Mensagens : 42
Pontos : 87

http://brasilplayshowrpg.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: como mudar cor sub-forum modo hover?

Mensagem por Fraise 28.10.15 21:36

Não entendi, como assim em outro tópico? Tonto

Até mais.
Fraise
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: como mudar cor sub-forum modo hover?

Mensagem por iuri_teteu 28.10.15 21:39

olha a ss que vc vai entender que, quero dizer tipo colocar sor diferente em cada uma sub-forum!

https://imgur.com/VQ9ODfS

exemplo acima ^^
avatar
iuri_teteu
*

Membro desde : 14/09/2015
Mensagens : 42
Pontos : 87

http://brasilplayshowrpg.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: como mudar cor sub-forum modo hover?

Mensagem por Fraise 28.10.15 21:45

Você não se decide, hein? Rindo
Sendo assim, remova o código CSS que te passei e no código jQuery:
Código:
/* Sub-fóruns - Início */

jQuery(document).on('ready', function() {
/* Sub-fóruns que irão ser exibidos */
var subforuns = '<center><a href="http://brasilplayshowrpg.forumbrasil.net/f33-denuncia-contra-admins" id="3">→ Denúncias contra Admins </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f34-denuncias-contra-contra-lideres" id="3">→ Denúncias contra Líderes </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f35-denuncias-contra-cop-s-e-governo" id="3">→ Denúncias contra Cops e Governo </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f36-denuncias-contra-gangsters" id="3">→ Denúncias contra Gangsters </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f37-denuncias-contra-mafiosos" id="3">→ Denúncias contra Mafiosos </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f39-denuncias-contra-mercenarios" id="3">→ Denúncias contra Mercenários </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f40-denuncias-contra-terroristas" id="3">→ Denúncias contra Terroristas </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f38-denuncias-contra-outras-organizacoes" id="3">→ Denúncias contra outras Organizações </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f41-denuncias-contra-socios" id="3">→ Denúncias contra Sócios </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f42-denuncias-contra-civil" id="3">→ Denúncias contra Civis </a></center>';
/* Sub-fóruns que irão ser exibidos */

var forum = 3;
var css = "#topicsmsgs{display:none;}#subforum{padding:7px 7px 7px 7px;}";

jQuery(document).ready(function() {
jQuery("li.row:eq(" + forum + "), td.tcl:eq(" + forum + "), td.row2.icon:eq(" + forum + "), td.row1.over:eq(" + forum + ")").append("<style>" + css + "</style><div id='topicsmsgs'>" + subforuns + "</div>")
});
jQuery(document).each(function() {
jQuery('li.row:eq(' + forum + '), td.tcl:eq(' + forum + '), td.row2.icon:eq(' + forum + '), td.row1.over:eq(' + forum + ')').mouseover(function(){
jQuery("#topicsmsgs").slideDown("fast");
});
jQuery("li.row:eq(" + forum + "), td.tcl:eq(" + forum + "), td.row2.icon:eq(" + forum + "), td.row1.over:eq(" + forum + ")").mouseleave(function(){
jQuery("#topicsmsgs").slideUp("fast");
});
});


);
/* Sub-fóruns - Fim */

E tome atenção nesta linha:
Código:
var subforuns = '<center><a href="http://brasilplayshowrpg.forumbrasil.net/f33-denuncia-contra-admins" id="3">→ Denúncias contra Admins </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f34-denuncias-contra-contra-lideres" id="3">→ Denúncias contra Líderes </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f35-denuncias-contra-cop-s-e-governo" id="3">→ Denúncias contra Cops e Governo </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f36-denuncias-contra-gangsters" id="3">→ Denúncias contra Gangsters </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f37-denuncias-contra-mafiosos" id="3">→ Denúncias contra Mafiosos </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f39-denuncias-contra-mercenarios" id="3">→ Denúncias contra Mercenários </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f40-denuncias-contra-terroristas" id="3">→ Denúncias contra Terroristas </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f38-denuncias-contra-outras-organizacoes" id="3">→ Denúncias contra outras Organizações </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f41-denuncias-contra-socios" id="3">→ Denúncias contra Sócios </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f42-denuncias-contra-civil" id="3">→ Denúncias contra Civis </a></center>';

Basta utilizar as tags <font color="#COR"></font> para definir a cor de cada um.
Veja um exemplo:
var subforuns = '<center><a href="http://brasilplayshowrpg.forumbrasil.net/f33-denuncia-contra-admins" id="3">→ Denúncias contra Admins </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f34-denuncias-contra-contra-lideres" id="3"><font color="#FF0000">→ Denúncias contra Líderes </font></a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f35-denuncias-contra-cop-s-e-governo" id="3">→ Denúncias contra Cops e Governo </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f36-denuncias-contra-gangsters" id="3">→ Denúncias contra Gangsters </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f37-denuncias-contra-mafiosos" id="3">→ Denúncias contra Mafiosos </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f39-denuncias-contra-mercenarios" id="3">→ Denúncias contra Mercenários </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f40-denuncias-contra-terroristas" id="3">→ Denúncias contra Terroristas </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f38-denuncias-contra-outras-organizacoes" id="3">→ Denúncias contra outras Organizações </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f41-denuncias-contra-socios" id="3">→ Denúncias contra Sócios </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f42-denuncias-contra-civil" id="3">→ Denúncias contra Civis </a></center>';

Até mais.
Fraise
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: como mudar cor sub-forum modo hover?

Mensagem por iuri_teteu 28.10.15 21:46

maluco tu e top d+ vlw +1 vez fraise melhor staff que ja vi aqui
avatar
iuri_teteu
*

Membro desde : 14/09/2015
Mensagens : 42
Pontos : 87

http://brasilplayshowrpg.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: como mudar cor sub-forum modo hover?

Mensagem por Fraise 28.10.15 21:50

Obrigado! Feliz Isso me incentiva bastante.

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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