Fundo dos tópicos de acordo com o ícone de mensagem

Detalhes da questão

Endereço do fórum: http://sigabemsamp.forumeiros.com
Versão do fórum: ModernBB

Descrição

Como faço para deixar o tópico com essa background personalizada depois de definir um ícone para ela?


http://prntscr.com/j81q3n

Olá.

Acesse

Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos códigos JavaScript

crie um novo código JavaScript e coloque este código seguinte:

Código:

$(function({
$("dd.dterm[style*='ENDEREÇO_DA_IMAGEM']").closest("dl.icon").addClass("NOVA_CSS");
});

- No local do ENDEREÇO_DA_IMAGEM, basta modificá-lo colocando o nome final da imagem do ícone.
Por exemplo: https://i.servimg.com/u/f11/11/81/27/88/112310.png - Vamos pegar somente o final, ficando assim: 112310.png
- Em NOVA_CSS, vamos criar um CSS que vai ficar junto com a imagem de fundo. Então, coloque o que desejar no campo, antecipando um ponto. Exemplo: .t-unico

Feito isso, confirme.

-------------------

Depois de fazer isso, vá em

Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

e adicione o seguinte código à sua Folha de estilo CSS:

Código:

.variavel {background-color:#COR}

- Em .variavel você vai colocar a classe que criou no JavaScript anterior, no nosso caso, será o .t-unico
- Em #COR você vai colocar o código da cor que deseja como fundo, seja hexadecimal ou rgb.

Não resultou.

CCS criado

Código:

.t-importante {background-color:#FF0000}

JS Criado

Código:

$(function({
$("dd.dterm[style*='nFxwRPU.png']").closest("dl.icon").addClass(".t-importante");
});

Altere o código para:

Código:

jQuery(document).ready(function(){jQuery("dd.dterm[style*='nFxwRPU.png']").closest("dl.icon").addClass(".t-importante");
});


Não resulta......

Leia esta mensagem: https://ajuda.forumeiros.com/t110696-mudar-background-do-topico-de-acordo-com-o-icone#780063 e coloque o código que é fornecido nela. Tenha atenção ao ler.

Resultou...... Obrigado......