cores nos tópicos
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
cores nos tópicos
Detalhes da questão
Endereço do fórum: http://familiawarning.forumeiros.com
Versão do fórum: PunBB
Descrição
Olá, gostaria de saber como eu coloco essas cores nos tópicos que eu quiser.
Esse verde
http://prntscr.com/jazyhl
esse roxo
http://prntscr.com/jazyn2
lembrando que não é o icone, apenas a cor mesmo.
No meu fórum já tem os icones, só queria colocar as cores
http://prntscr.com/jazz2l
Re: cores nos tópicos
Olá, seguindo tutorial do fórum inglês http://help.forumotion.com/t145633-colorize-the-backgrounds-of-stickies-and-announcements
Fiz algumas modificações no código, o resultado será esse http://prntscr.com/jbak19
Primeiro crie um JavaScript nos sub-fóruns
E o CSS
Coloque na busca do CSS
Após encontra-lo, remova o background: none !important;, pois isso impedirá o resultado.
Para alterar as cores que eu coloquei, vá no site indicado no tutorial e escolha as que achar melhor http://prntscr.com/jbaonp
Fiz algumas modificações no código, o resultado será esse http://prntscr.com/jbak19
Primeiro crie um JavaScript nos sub-fóruns
- Código:
$(function() {
/* add a class to the cells of announcements(reprovado) */
$('img[src="https://i.imgur.com/alRuGph.png"]').closest('tr').addClass('reprovado');
/* add a class to the cells of stickies(aprovado */
$('img[src="https://i.imgur.com/AWgn3Re.png"]').closest('tr').addClass('aprovado');
/* add a class to topics with the icon Résolu(retirado) */
$('img[src="https://i.imgur.com/2B07nIl.png"]').closest('tr').addClass('retirado');
});
E o CSS
- Código:
tr.aprovado td { background-color:#B7F27C!important;} /* modifica a cor dos tópicos aprovados */
tr.reprovado td { background-color:#F56464 !important;} /* modifica a cor dos tópicos reprovados */
tr.retirado td { background-color: #B3E1E8 !important;} /* modifica a cor dos tópicos retirados */
Coloque na busca do CSS
- Código:
.tc1, .tcr, .pun table.table td
- Código:
.tc1, .tcr, .pun table.table td {
background: none !important;
border: none !important;
}
Após encontra-lo, remova o background: none !important;, pois isso impedirá o resultado.
Para alterar as cores que eu coloquei, vá no site indicado no tutorial e escolha as que achar melhor http://prntscr.com/jbaonp
Re: cores nos tópicos
Tópico resolvidoTópico marcado como resolvido pela equipe por abandono do autor. |
Tópicos semelhantes
» Cores do fundo dos tópicos
» Cores nos tópicos fixos
» Como colocar cores nos topicos
» Uso de novas cores nos tópicos para além do padrão.
» Mudar a caixa de cores nos topicos
» Cores nos tópicos fixos
» Como colocar cores nos topicos
» Uso de novas cores nos tópicos para além do padrão.
» Mudar a caixa de cores nos topicos
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos