Borda colorida na postagem

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

Atendido / Resolvido Borda colorida na postagem

Mensagem por Bruno_Michael 11.01.19 16:25

Detalhes da questão


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

Descrição


Boa tarde, gostaria de coloca uma borda de 12px na lateral da postagem de cada usuários de acordo com grupo.

Eu tinha um código que deagrade só que queria adicionar uma borda, não sei se é possível modificar, mas vou deixa abaixo.

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));

Bruno_Michael

Bruno_Michael
Nível 9

Masculino
Inscrito dia : 05/09/2013
Mensagens : 202
Pontos Ativos : 314

http://hassborn.forumeiros.com/forum

Atendido / Resolvido Re: Borda colorida na postagem

Mensagem por Convidado 11.01.19 16:41

Olá!
Adicione este código JavaScript:
Código:
 $(function () {
    $('.post').each(function () {
      var $this = $(this);
 
      var jColor = $this.find('.postprofile-name > a > span[style]').css('color');
      console.log('[FA SCRIPT] Cores encontradas: ' + jColor + '\n');
 
      if(jColor === undefined) {
        $this
        .find('.post-head')
            .css({
              borderTop: 'solid 12px rgba(0, 0, 0, 0.07)',
            });
      } else {
      $this
        .find('.post-head')
            .css({
              borderTop: 'solid 12px ' + jColor,
            });
      };
    });
  });
Cordialmente.
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
Anonymous

Convidado
Convidado


Atendido / Resolvido Re: Borda colorida na postagem

Mensagem por Bruno_Michael 11.01.19 22:52

Olá o efeito aplicou pórem todas as barras estão pretas, teria como adiciona ela na esquerda ao invés
do topo.
Bruno_Michael

Bruno_Michael
Nível 9

Masculino
Inscrito dia : 05/09/2013
Mensagens : 202
Pontos Ativos : 314

http://hassborn.forumeiros.com/forum
  • 0

Atendido / Resolvido Re: Borda colorida na postagem

Mensagem por Key of Destiny 11.01.19 23:59

Boa noite,

Substitua o código que o amigo passou por esse:

Código:
$(function () {
 $('.post').each(function () {
 var $this = $(this),
 cor = $this.find('.postprofile-name span').css('color');
 $this.css('borderLeft','12px solid').css('borderLeftColor', cor);
    });
});
Key of Destiny

Key of Destiny
Nível 10

Masculino
Inscrito dia : 15/12/2015
Mensagens : 270
Pontos Ativos : 439

Atendido / Resolvido Re: Borda colorida na postagem

Mensagem por Bruno_Michael 12.01.19 1:21

Resolvido obrigado. Feliz
Bruno_Michael

Bruno_Michael
Nível 9

Masculino
Inscrito dia : 05/09/2013
Mensagens : 202
Pontos Ativos : 314

http://hassborn.forumeiros.com/forum

Atendido / Resolvido Re: Borda colorida na postagem

Mensagem por Convidado 12.01.19 9:29

Tópico resolvido


Movido para "Questões resolvidas".
Anonymous

Convidado
Convidado


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