Borda colorida na postagem

2 participantes

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

Tópico 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
****

Membro desde : 05/09/2013
Mensagens : 202
Pontos : 314

http://hassborn.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico 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


Ir para o topo Ir para baixo

Tópico 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
****

Membro desde : 05/09/2013
Mensagens : 202
Pontos : 314

http://hassborn.forumeiros.com/forum

Ir para o topo Ir para baixo

  • 0

Tópico 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
****

Membro desde : 15/12/2015
Mensagens : 273
Pontos : 442

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda colorida na postagem

Mensagem por Bruno_Michael 12.01.19 1:21

Resolvido obrigado. Feliz
Bruno_Michael

Bruno_Michael
****

Membro desde : 05/09/2013
Mensagens : 202
Pontos : 314

http://hassborn.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico 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


Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos