cores nos tópicos Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

cores nos tópicos

3 participantes

Ir para baixo

Tópico resolvido cores nos tópicos

Mensagem por Jhool 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
****

Membro desde : 11/01/2017
Mensagens : 379
Pontos : 601

http://familiawarning.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: cores nos tópicos

Mensagem por Harleen 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
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: cores nos tópicos

Mensagem por Alex 02.05.18 12:00

Tópico resolvido


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

Membro desde : 09/09/2016
Mensagens : 651
Pontos : 883

https://policiadop.com/

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