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 em 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 : 177
Pontos Ativos : 275

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

Atendido / Resolvido Re: Borda colorida na postagem

Mensagem por Roger123 em 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'


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



Roger123 - Ajudeiro

Borda colorida na postagem Pmb0kx10
Roger123

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 1402
Pontos Ativos : 1694

Ver perfil do usuário https://todosostemas.forumeiros.com

Atendido / Resolvido Re: Borda colorida na postagem

Mensagem por Bruno_Michael em 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 : 177
Pontos Ativos : 275

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

Atendido / Resolvido Re: Borda colorida na postagem

Mensagem por Key of Destiny em 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 : 255
Pontos Ativos : 417

Ver perfil do usuário

Atendido / Resolvido Re: Borda colorida na postagem

Mensagem por Bruno_Michael em 12.01.19 1:21

Resolvido 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: Borda colorida na postagem

Mensagem por Roger123 em 12.01.19 9:29

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

Borda colorida na postagem Pmb0kx10
Roger123

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 1402
Pontos Ativos : 1694

Ver perfil do usuário https://todosostemas.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