Adicionar borda à mensagem pelo rank

5 participantes

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

Tópico resolvido Adicionar borda à mensagem pelo rank

Mensagem por ranzatti 31.07.20 3:48

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á
ranzatti

ranzatti
*****

Membro desde : 02/09/2010
Mensagens : 470
Pontos : 673

http://brnewgeneration.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda à mensagem pelo rank

Mensagem por Vete 31.07.20 4:31

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

Vete
***

Membro desde : 19/06/2020
Mensagens : 179
Pontos : 257

https://soa-nwdgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda à mensagem pelo rank

Mensagem por ranzatti 01.08.20 2:54

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
ranzatti

ranzatti
*****

Membro desde : 02/09/2010
Mensagens : 470
Pontos : 673

http://brnewgeneration.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda à mensagem pelo rank

Mensagem por xDominiC_. 01.08.20 3:02

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);    });});
xDominiC_.

xDominiC_.
*****

Membro desde : 06/10/2017
Mensagens : 400
Pontos : 613

http://trg1-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Adicionar borda à mensagem pelo rank

Mensagem por tikky 01.08.20 14:16

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

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda à mensagem pelo rank

Mensagem por ranzatti 02.08.20 3:58

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

ranzatti
*****

Membro desde : 02/09/2010
Mensagens : 470
Pontos : 673

http://brnewgeneration.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda à mensagem pelo rank

Mensagem por Chanp 02.08.20 4:52

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

Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda à mensagem pelo rank

Mensagem por ranzatti 03.08.20 7:42

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 ?
ranzatti

ranzatti
*****

Membro desde : 02/09/2010
Mensagens : 470
Pontos : 673

http://brnewgeneration.forumeiros.com/forum

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Adicionar borda à mensagem pelo rank

Mensagem por tikky 03.08.20 8:50

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 Envergonhado
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda à mensagem pelo rank

Mensagem por ranzatti 03.08.20 16:51

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
ranzatti

ranzatti
*****

Membro desde : 02/09/2010
Mensagens : 470
Pontos : 673

http://brnewgeneration.forumeiros.com/forum

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Adicionar borda à mensagem pelo rank

Mensagem por tikky 03.08.20 16:59

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

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda à mensagem pelo rank

Mensagem por ranzatti 03.08.20 23:34

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

ranzatti
*****

Membro desde : 02/09/2010
Mensagens : 470
Pontos : 673

http://brnewgeneration.forumeiros.com/forum

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Adicionar borda à mensagem pelo rank

Mensagem por tikky 03.08.20 23:37

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

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda à mensagem pelo rank

Mensagem por ranzatti 04.08.20 0:28

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

http://prntscr.com/tti0d8
ranzatti

ranzatti
*****

Membro desde : 02/09/2010
Mensagens : 470
Pontos : 673

http://brnewgeneration.forumeiros.com/forum

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Adicionar borda à mensagem pelo rank

Mensagem por tikky 04.08.20 0:35

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

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda à mensagem pelo rank

Mensagem por ranzatti 05.08.20 5:00

Muito obrigado pode fechar
ranzatti

ranzatti
*****

Membro desde : 02/09/2010
Mensagens : 470
Pontos : 673

http://brnewgeneration.forumeiros.com/forum

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Adicionar borda à mensagem pelo rank

Mensagem por tikky 05.08.20 9:30

Tópico resolvido


Movido para "Questões resolvidas".
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

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