Personalização de sub fórum

[Bruno_Michael]

Detalhes da questão

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

Descrição

Como coloca cores no fundo referente aos ícones colocado na imagem.
Ex: amarelo para por quando selecionar o tópico em curso.

http://prntscr.com/m290c1

[Convidado]

Olá!
Adicione este JavaScript:

Código:

(function ($) {
  'use strict';
 
  var icons = [
    { url: 'http://i.imgur.com/9UzQk4M.png', background: 'rgba(136, 187, 85, 0.30)' },
    { url: 'http://i.imgur.com/9UzQk4M.png', background: 'rgba(136, 187, 85, 0.30)' } // ...
  ];
 
  $(function () {
    $('.fa-topicrow-top').each(function () {
      var $this = $(this);
 
      if (!$this.attr('style')) {
        return;
      }
 
      var $parent = $this.parent();
 
      $.each(icons, function () {
        var self = this;
 
        var _icon = $this.attr('style').match(/url\((.+)\)/);
        if (_icon.indexOf(self.url) === -1) {
          return;
        }
 
        $parent
          .css('background-image', 'none')
          .css('background-color', self.background)
        ;
      });
    });
  });
}(jQuery));

Para modificar, procure por:

Código:

var icons = [
    { url: 'http://i.imgur.com/9UzQk4M.png', background: 'rgba(136, 187, 85, 0.30)' },
    { url: 'http://i.imgur.com/9UzQk4M.png', background: 'rgba(136, 187, 85, 0.30)' } // ...

Personalize esta parte com:

{ url: 'link do ícone de mensagem', background: 'cor' },

No último remova a vírgula, assim:

Código:

var icons = [
    { url: 'http://i.imgur.com/9UzQk4M.png', background: 'rgba(136, 187, 85, 0.30)' },
    { url: 'http://i.imgur.com/9UzQk4M.png', background: 'rgba(136, 187, 85, 0.30)' } // Remover vírgula

Cordialmente.

[Bruno_Michael]

Consegui tive que mudar a class da div, obrigado

[Convidado]

Tópico resolvido Movido para "Questões resolvidas".