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

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

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

Mensagem por Eduardo Lima em 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
Nível 9

Inscrito dia : 07/03/2016
Mensagens : 243
Pontos Ativos : 380

Ver perfil do usuário http://www.brasilplayforever.com/forum
  • 0

Atendido / Resolvido Re: Mudar background do tópico de acordo com o ícone

Mensagem por Luiz em 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Mudar background do tópico de acordo com o ícone

Mensagem por Eduardo Lima em 07.11.17 22:35

Opa, isso aí.

Obrigado novamente, Luiz. Eu amo você
avatar

Eduardo Lima
Nível 9

Inscrito dia : 07/03/2016
Mensagens : 243
Pontos Ativos : 380

Ver perfil do usuário http://www.brasilplayforever.com/forum

Atendido / Resolvido Re: Mudar background do tópico de acordo com o ícone

Mensagem por Luiz em 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

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