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

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

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

Mensagem por xBullet_Storm em 20/04/18, 08:00 pm

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
avatar

xBullet_Storm
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 230
Pontos Ativos : 363

Ver perfil do usuário http://sigabemsamp.forumeiros.com https://www.facebook.com/www.facebook.com/wilsoncqjunior

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

Mensagem por Alex em 20/04/18, 08:21 pm

Olá.

Acesse
Painel de Controle Seta Branca Módulos Seta Branca HTML & JAVASCRIPT Seta Branca 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 Seta Branca Visualização Seta Branca Imagens e Cores Seta Branca Cores Seta Branca 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.
avatar

Alex
Usuário destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 644
Pontos Ativos : 867

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

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

Mensagem por xBullet_Storm em 20/04/18, 08:28 pm

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");
});
avatar

xBullet_Storm
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 230
Pontos Ativos : 363

Ver perfil do usuário http://sigabemsamp.forumeiros.com https://www.facebook.com/www.facebook.com/wilsoncqjunior

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

Mensagem por Alex em 20/04/18, 08:44 pm

Altere o código para:
Código:
jQuery(document).ready(function(){jQuery("dd.dterm[style*='nFxwRPU.png']").closest("dl.icon").addClass(".t-importante");
});
avatar

Alex
Usuário destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 644
Pontos Ativos : 867

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

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

Mensagem por xBullet_Storm em 20/04/18, 08:46 pm

Não resulta......
avatar

xBullet_Storm
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 230
Pontos Ativos : 363

Ver perfil do usuário http://sigabemsamp.forumeiros.com https://www.facebook.com/www.facebook.com/wilsoncqjunior

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

Mensagem por Alex em 20/04/18, 08:50 pm

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.
avatar

Alex
Usuário destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 644
Pontos Ativos : 867

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

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

Mensagem por xBullet_Storm em 20/04/18, 10:17 pm

Resultou...... Obrigado......
avatar

xBullet_Storm
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 230
Pontos Ativos : 363

Ver perfil do usuário http://sigabemsamp.forumeiros.com https://www.facebook.com/www.facebook.com/wilsoncqjunior

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

Mensagem por Luiz em 20/04/18, 11:59 pm

Tópico resolvido


Movido para "Questões resolvidas".
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6569
Pontos Ativos : 7336

Ver perfil do usuário https://github.com/lffg/

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