cores nos tópicos

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Atendido / Resolvido cores nos tópicos

Mensagem por Jhool em 27.04.18 21:21

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
Jhool

Jhool
Usuário avançado

Masculino
Inscrito dia : 11/01/2017
Mensagens : 379
Pontos Ativos : 601

Ver perfil do usuário http://familiawarning.forumeiros.com/forum

Atendido / Resolvido Re: cores nos tópicos

Mensagem por Harleen em 28.04.18 17:43

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
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
e encontrará

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
Harleen

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1696
Pontos Ativos : 2245

Ver perfil do usuário http://master-publicitario.forumeiros.com/

Atendido / Resolvido Re: cores nos tópicos

Mensagem por Alex em 02.05.18 12:00

Tópico resolvido


Tópico marcado como resolvido pela equipe por abandono do autor.
Alex

Alex
Usuário destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 648
Pontos Ativos : 868

Ver perfil do usuário https://mundogoph.org/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum