Personalização de sub fórum

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

Atendido / Resolvido Personalização de sub fórum

Mensagem por Bruno_Michael em 12/01/19, 10:22 am

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
avatar

Bruno_Michael
Nível 9

Masculino
Inscrito dia : 04/09/2013
Mensagens : 174
Pontos Ativos : 270

Ver perfil do usuário http://mochavao.forumeiros.com/
  • 0

Atendido / Resolvido Re: Personalização de sub fórum

Mensagem por Roger123 em 12/01/19, 10:35 am

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

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 480
Pontos Ativos : 619

Ver perfil do usuário http://jogosemaisjogos.forumeiros.com/

Atendido / Resolvido Re: Personalização de sub fórum

Mensagem por Bruno_Michael em 12/01/19, 12:26 pm

Consegui tive que mudar a class da div, obrigado Feliz
avatar

Bruno_Michael
Nível 9

Masculino
Inscrito dia : 04/09/2013
Mensagens : 174
Pontos Ativos : 270

Ver perfil do usuário http://mochavao.forumeiros.com/

Atendido / Resolvido Re: Personalização de sub fórum

Mensagem por Roger123 em 12/01/19, 12:44 pm

Tópico resolvido


Movido para "Questões resolvidas".
avatar

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 480
Pontos Ativos : 619

Ver perfil do usuário http://jogosemaisjogos.forumeiros.com/

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