Mudar background do tópico de acordo com o ícone

2 participantes

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

Tópico resolvido Mudar background do tópico de acordo com o ícone

Mensagem por Eduardo Lima 07.11.17 22:11

Detalhes da questão


Endereço do fórum: http://www.brasilplayforever.com/forum
Versão do fórum: phpBB3

Descrição


Gostaria de que quando colocasse o ícone X no tópico (como o resolvido aqui na forumeiros), no sub-fórum onde o tópico encontra-se, ficasse um background da cor X.


Última edição por Eduardo Lima em 07.11.17 22:34, editado 1 vez(es)
avatar

Eduardo Lima
****

Membro desde : 07/03/2016
Mensagens : 243
Pontos : 380

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Mudar background do tópico de acordo com o ícone

Mensagem por Luiz 07.11.17 22:20

Olá,

Crie um novo JavaScript investido nos subfóruns com o código:
Código:
(function ($) {
  'use strict';
 
  var config = [
    { url: 'icons.iconarchive.com/icons/dryicons/aesthetica-2/24/warning-icon.png', background: 'rgba(136, 187, 85, 0.3)' }
  ];
 
  $(function () {
    $('.dterm').each(function () {
      var $this = $(this);
 
      $.each(config, function (index, icon) {
        var regex = new RegExp (icon.url, 'gi');
        if (!regex.test($this.css('background-image'))) {
          return;
        }
 
        $this
          .parent('.icon')
            .css('background-color', icon.background)
          .end()
            .parent('.row')
              .css('background-color', '#fff')
        ;
      });
    });
  });
}(jQuery));

Sendo possível configurá-lo neste vetor de configuração:
Código:
var config = [
  { url: 'icons.iconarchive.com/icons/dryicons/aesthetica-2/24/warning-icon.png', background: 'rgba(136, 187, 85, 0.3)' }
];

Você pode criar mais, irá ficar assim:
Código:
var config = [
  { url: 'icons.iconarchive.com/icons/dryicons/aesthetica-2/24/warning-icon.png', background: 'rgba(136, 187, 85, 0.3)' },
  { url: 'url...', background: 'rgba(136, 187, 85, 0.3)' },
  { url: 'url...', background: 'rgba(136, 187, 85, 0.3)' }
];

Sendo o parâmetro url correspondente à URL do ícone e o parâmetro background referente à cor de fundo que ele ficará.

Atenciosamente,
Luiz.
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar background do tópico de acordo com o ícone

Mensagem por Eduardo Lima 07.11.17 22:35

Opa, isso aí.

Obrigado novamente, Luiz. Eu amo você
avatar

Eduardo Lima
****

Membro desde : 07/03/2016
Mensagens : 243
Pontos : 380

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Mudar background do tópico de acordo com o ícone

Mensagem por Luiz 07.11.17 23:00

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos