Adicionar borda à mensagem pelo rank

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

Atendido / 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
Usuário avançado

Masculino
Inscrito dia : 02/09/2010
Mensagens : 470
Pontos ativos : 673

http://brnewgeneration.forumeiros.com/forum

Atendido / 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
Nível 9

Masculino
Inscrito dia : 19/06/2020
Mensagens : 179
Pontos ativos : 257

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

Atendido / 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
Usuário avançado

Masculino
Inscrito dia : 02/09/2010
Mensagens : 470
Pontos ativos : 673

http://brnewgeneration.forumeiros.com/forum

Atendido / 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_.
Usuário avançado

Masculino
Inscrito dia : 06/10/2017
Mensagens : 401
Pontos ativos : 614

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

Atendido / Resolvido Re: Adicionar borda à mensagem pelo rank

Mensagem por pedxz 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.


Boas-vindas 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 editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6190
Pontos ativos : 7354

Atendido / 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
Usuário avançado

Masculino
Inscrito dia : 02/09/2010
Mensagens : 470
Pontos ativos : 673

http://brnewgeneration.forumeiros.com/forum

Atendido / 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
Membro do Fórum

Masculino
Inscrito dia : 04/01/2018
Mensagens : 1072
Pontos ativos : 1191

https://2forum2.forumeiros.com/

Atendido / 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
Usuário avançado

Masculino
Inscrito dia : 02/09/2010
Mensagens : 470
Pontos ativos : 673

http://brnewgeneration.forumeiros.com/forum

Atendido / Resolvido Re: Adicionar borda à mensagem pelo rank

Mensagem por pedxz 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


Boas-vindas 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 editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6190
Pontos ativos : 7354

Atendido / 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
Usuário avançado

Masculino
Inscrito dia : 02/09/2010
Mensagens : 470
Pontos ativos : 673

http://brnewgeneration.forumeiros.com/forum

Atendido / Resolvido Re: Adicionar borda à mensagem pelo rank

Mensagem por pedxz 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));


Boas-vindas 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 editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6190
Pontos ativos : 7354

Atendido / 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
Usuário avançado

Masculino
Inscrito dia : 02/09/2010
Mensagens : 470
Pontos ativos : 673

http://brnewgeneration.forumeiros.com/forum

Atendido / Resolvido Re: Adicionar borda à mensagem pelo rank

Mensagem por pedxz 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));


Boas-vindas 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 editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6190
Pontos ativos : 7354

Atendido / 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
Usuário avançado

Masculino
Inscrito dia : 02/09/2010
Mensagens : 470
Pontos ativos : 673

http://brnewgeneration.forumeiros.com/forum

Atendido / Resolvido Re: Adicionar borda à mensagem pelo rank

Mensagem por pedxz 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));


Boas-vindas 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 editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6190
Pontos ativos : 7354

Atendido / Resolvido Re: Adicionar borda à mensagem pelo rank

Mensagem por ranzatti 05.08.20 5:00

Muito obrigado pode fechar
ranzatti

ranzatti
Usuário avançado

Masculino
Inscrito dia : 02/09/2010
Mensagens : 470
Pontos ativos : 673

http://brnewgeneration.forumeiros.com/forum

Atendido / Resolvido Re: Adicionar borda à mensagem pelo rank

Mensagem por pedxz 05.08.20 9:30

Tópico resolvido


Movido para "Questões resolvidas".


Boas-vindas 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 editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6190
Pontos ativos : 7354

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão neste fórum:
Você não pode responder aos tópicos neste fórum