Degradê nas informações do usuário - tópico

Detalhes da questão

Endereço do fórum: https://pdop.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Olá, Convidado.
  Estou com problemas no uso do efeito degrade, queria colocar o efeito nesse quadrado demarcado na imagem abaixo:

Bom dia @Croxis

Painel de Controle Usuários Ranks Administração dos Ranks

Código:

<span class="nomedorank2">DIGITE_AQUI_O_NOME_DO_RANK</span>

Nome do Rank: Este será o mesmo valor que o senhor colocou no código JavaScript.
Titulo do Rank: Será o titulo que irá aparecer nas postagens de teu fórum, ou seja Administrador, Moderador...etc.

Agora crie um novo JavaScript com o código abaixo:
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos códigos JavaScript
Código que iria no JavaScript com investimento em todas as paginas:

Código:

jQuery(document).ready(function(){
jQuery(".post:has('.Administrador')").css('background','url(http://i.imgur.com/OsHYs.png) repeat-y top right');
});

Depois Salve e visualize teu tópico, se tudo correr bem, dá certo

Atenciosamente,
Sleep

Esse JavaScript já utilizo, quero colocar o efeito degrade dentro do quadrado do avatar também, onde foi circulado na imagem do meu fórum

Olá @Croxis,

Crie um novo JavaScript com investimento nos tópicos.

Código:

(function ($) {
  'use strict';
 
  $(function () {
    $('.post').each(function () {
 
      var $this = $(this);
      var uColor = $this.find('.postprofile a[href^="/u"] span[style]').css('color');
 
      if (uColor === 'rgb(0, 0, 0)') {
        return;
      }
 
      $this.css({
        background: 'linear-gradient(90deg, ' + uColor + ' 0%, rgba(255, 255, 255, 0) 25%)'
      });
 
    });
  });
}(jQuery));

Atenciosamente,
Sleep

Sleep escreveu:Olá @Croxis,

Crie um novo JavaScript com investimento nos tópicos.

Código:

(function ($) {
  'use strict';
 
  $(function () {
    $('.post').each(function () {
 
      var $this = $(this);
      var uColor = $this.find('.postprofile a[href^="/u"] span[style]').css('color');
 
      if (uColor === 'rgb(0, 0, 0)') {
        return;
      }
  
      $this.css({
        background: 'linear-gradient(90deg, ' + uColor + ' 0%, rgba(255, 255, 255, 0) 25%)'
      });
  
    });
  });
}(jQuery));

Atenciosamente,
Sleep

Não foi como eu queria, aplicou o efeito no post, e eu quero naquele quadrado somente o efeito degrade que eu escolher.

Olá @Croxis,

Altere o código em cima para:

Código:

(function ($) {
  'use strict';
 
  $(function () {
    $('.post').each(function () {
 
      var $this = $(this);
      var uColor = $this.find('.postprofile a[href^="/u"] span[style]').css('color');
 
      if (uColor === 'rgb(0, 0, 0)') {
        return;
      }
 
      $this.find('.postprofile').css({
        background: 'linear-gradient(90deg, ' + uColor + ' 0%, rgba(255, 255, 255, 0) 25%)'
      });
 
    });
  });
}(jQuery));

Como não consegui acessar a nenhum tópico, não sei se houve edição dos templates fiz a modificação para os templates padrão #modernbb


Cordialmente,
pedxz.