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 : 193
Pontos Ativos : 301

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'


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Roger123 Ajudeiro

Borda colorida na postagem UbReIiF

Borda colorida na postagem 1406
Roger123

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 2068
Pontos Ativos : 2248

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 : 193
Pontos Ativos : 301

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

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 : 193
Pontos Ativos : 301

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".


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Roger123 Ajudeiro

Borda colorida na postagem UbReIiF

Borda colorida na postagem 1406
Roger123

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 2068
Pontos Ativos : 2248

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