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 12:22

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
Bruno_Michael

Bruno_Michael
Nível 9

Masculino
Inscrito dia : 05/09/2013
Mensagens : 177
Pontos Ativos : 275

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

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

Mensagem por Roger123 em 12.01.19 12:35

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.


Seja bem-vindo ao Fórum dos Fóruns!
Veja aqui alguns links importantes a saber:



Roger123 - Ajudeiro

 Personalização de sub fórum Pmb0kx10
Roger123

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 1133
Pontos Ativos : 1355

Ver perfil do usuário

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

Mensagem por Bruno_Michael em 12.01.19 14:26

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

Bruno_Michael
Nível 9

Masculino
Inscrito dia : 05/09/2013
Mensagens : 177
Pontos Ativos : 275

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

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

Mensagem por Roger123 em 12.01.19 14:44

Tópico resolvido


Movido para "Questões resolvidas".


Seja bem-vindo ao Fórum dos Fóruns!
Veja aqui alguns links importantes a saber:



Roger123 - Ajudeiro

 Personalização de sub fórum Pmb0kx10
Roger123

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 1133
Pontos Ativos : 1355

Ver perfil do usuário

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