como mudar cor sub-forum modo hover?

[iuri_teteu]

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 */

[Fraise]

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:
Tabela de cores HTML/Hexadecimal

Até mais.
Fraise

[iuri_teteu]

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

[Fraise]

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

Até mais.
Fraise

[iuri_teteu]

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

[Fraise]

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?

[iuri_teteu]

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?

[Fraise]

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

Até mais.
Fraise

[iuri_teteu]

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 ^^

[Fraise]

Você não se decide, hein?
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

[iuri_teteu]

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

[Fraise]

Obrigado! 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.