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

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

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

Mensagem por xBullet_Storm 21.04.18 0:00

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
xBullet_Storm

xBullet_Storm
Nível 9

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

http://sigabemsamp.forumeiros.com https://www.facebook.com/www.facebook.com/wilsoncqjunior

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo dos tópicos de acordo com o ícone de mensagem

Mensagem por Alex 21.04.18 0:21

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

Alex
Membro destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 651
Pontos ativos : 883

https://policiadop.com/ https://twitter.com/@ZaswesHB

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo dos tópicos de acordo com o ícone de mensagem

Mensagem por xBullet_Storm 21.04.18 0:28

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

xBullet_Storm
Nível 9

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

http://sigabemsamp.forumeiros.com https://www.facebook.com/www.facebook.com/wilsoncqjunior

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo dos tópicos de acordo com o ícone de mensagem

Mensagem por Alex 21.04.18 0:44

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

Alex
Membro destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 651
Pontos ativos : 883

https://policiadop.com/ https://twitter.com/@ZaswesHB

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo dos tópicos de acordo com o ícone de mensagem

Mensagem por xBullet_Storm 21.04.18 0:46

Não resulta......
xBullet_Storm

xBullet_Storm
Nível 9

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

http://sigabemsamp.forumeiros.com https://www.facebook.com/www.facebook.com/wilsoncqjunior

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo dos tópicos de acordo com o ícone de mensagem

Mensagem por Alex 21.04.18 0:50

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

Alex
Membro destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 651
Pontos ativos : 883

https://policiadop.com/ https://twitter.com/@ZaswesHB

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo dos tópicos de acordo com o ícone de mensagem

Mensagem por xBullet_Storm 21.04.18 2:17

Resultou...... Obrigado......
xBullet_Storm

xBullet_Storm
Nível 9

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

http://sigabemsamp.forumeiros.com https://www.facebook.com/www.facebook.com/wilsoncqjunior

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Fundo dos tópicos de acordo com o ícone de mensagem

Mensagem por Luiz 21.04.18 3:59

Tópico resolvido


Movido para "Questões resolvidas".
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6641
Pontos ativos : 7439

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


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