Detalhes da questão

Endereço do fórum: https://www.brasilplayexpress.com.br/
Versão do fórum: AwesomeBB

Descrição

olá boa noite gostaria de saber como colocar essas bordas com essas cores (verde) nas postagens por rank como na imagem abaixo

https://prnt.sc/triu4m

obrigado desde já

Tive uma dúvida parecida há pouco tempo.
Tenta dar uma olhada:
Borda personalizada

Vete escreveu:Tive uma dúvida parecida há pouco tempo.
Tenta dar uma olhada:
Borda personalizada

obrigado vete porem não entendi aonde alterar as cor etc pq tipo eu quero uma cor por rank entendeu

Opa eai pegou meu fórum hahaha <3

Crie uma javascript com revestimento nos tópicos

Código:

$(function () { $('.post').each(function () { var $this = $(this), cor = $this.find('.postprofile-name span').css('color'); $this.css('border','12px solid').css('border-color', cor);    });});

Olá @ranzatti,

ranzatti escreveu:porem não entendi aonde alterar as cor etc pq tipo eu quero uma cor por rank entendeu

Ambos os scripts aqui passados vão buscar a cor a cada membro de forma automática - caso seja de um grupo.


Atenciosamente,
pedxz.

ainda não estou entendendo como vou por cada membro dentro do codigo

Olá @ranzatii,

O código funciona da seguinte maneira:

Ele busca a cor do grupo o qual o usuário pertence e aplica essa cor em bordas que aparecerão em todas as mensagens deste mesmo usuário. Portanto, você não precisa adicionar os usuários individualmente, pois o script fará isso por você.

Chanp

Chanp escreveu:Olá @ranzatii,

O código funciona da seguinte maneira:

Ele busca a cor do grupo o qual o usuário pertence e aplica essa cor em bordas que aparecerão em todas as mensagens deste mesmo usuário. Portanto, você não precisa adicionar os usuários individualmente, pois o script fará isso por você.

Chanp

ok pra mim entender então aonde eu ponho o codigo da cor do grupo no codigo ?

ok pra mim entender então aonde eu ponho o codigo da cor do grupo no codigo ?

Não existe a necessidade de editar nada do código, basta criar uma nova página JavaScript com investimento nos tópicos e usar o código em cima, isto porque o código vai buscar a cor de forma automática a cada membro (caso este membro esteja em um grupo) exatamente o que acontece neste fórum de suporte

Olá eu coloquei la porem so fica a cor preta e não com a cor do grupo como na imagem abaixo

http://prntscr.com/ttb28u

É que o código em cima não é compatível com a versão #AwesomeBB altere para:

Código:

(function ($) {
  'use strict';
 
  $(function () {
    $('.post-wrap').each(function () {
 
      var $this = $(this);
      var $color = $this.find('.post-author-name span[style]');
 
      if (!$color.length) return;
 
      $this.find('.post').css('border-top', '2px solid ' + $color.css('color'));
 
    });
  });
}(jQuery));

funcionou mais não teria como ficar a borda toda no quadrado como no codigo da outra versão ?

Altere para:

Código:

(function ($) {
  'use strict';
 
  $(function () {
    $('.post-wrap').each(function () {
 
      var $this = $(this);
      var $color = $this.find('.post-author-name span[style]');
 
      if (!$color.length) return;
 
      $this.find('.post').css('border', '2px solid ' + $color.css('color'));
 
    });
  });
}(jQuery));

ficou legal mais é possivel a borda ficar por completa até no rank? pra pegar a postagem toda ?

http://prntscr.com/tti0d8

Sim é, altere para:

Código:

(function ($) {
  'use strict';
 
  $(function () {
    $('.post-wrap').each(function () {
 
      var $this = $(this);
      var $color = $this.find('.post-author-name span[style]');
 
      if (!$color.length) return;
 
      $this.css('border', '2px solid ' + $color.css('color'));
 
    });
  });
}(jQuery));

Muito obrigado pode fechar