Bordas do tópico conforme o grupo do usuário

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

Atendido / Resolvido Bordas do tópico conforme o grupo do usuário

Mensagem por Raazor_Vilhena em 03.05.19 8:50

Detalhes da questão


Endereço do fórum: http://forum.brasilplaygames.com.br
Versão do fórum: ModernBB

Descrição


Olá,

Minha questão é o seguinte, a versão modernbb existe um contorno entre o avatar do usuário e a divisa do título.

Fiz algumas alterações nisso, no caso eu iria remover, no entanto tive uma ideia e estive tentando por em prática mas não resultou.

Minha questão é está linha rosa do grupo de administradores, gostaria de adaptá-la em todo o contorno da mensagem do usuário, na forma que eu defini na imagem abaixo, com contornos vermelhos, veja:

https://imgur.com/a/e1UKwBz
Raazor_Vilhena

Raazor_Vilhena
Nível 7

Masculino
Inscrito dia : 06/10/2014
Mensagens : 86
Pontos Ativos : 129

http://www.gtasamp.com

Atendido / Resolvido Re: Bordas do tópico conforme o grupo do usuário

Mensagem por Pedxz em 03.05.19 13:43

Olá @Raazor_Vilhena,
Poderia passar o código JavaScript em uso, por favor?


Aguardo uma resposta sua,
pedxz.
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 3225
Pontos Ativos : 3880

https://power-pixel.net

Atendido / Resolvido Re: Bordas do tópico conforme o grupo do usuário

Mensagem por Raazor_Vilhena em 03.05.19 20:13

Olá pedxz,

não utilizo nenhum js para está função, é tudo na base do css.

essas bordas vermelhas na imagem eu às editei via photoshop informando como desejo que fique o mesmo. o/

Acho que me embaralhei nas áreas, deveria ser em css/templates está questão Louco
Raazor_Vilhena

Raazor_Vilhena
Nível 7

Masculino
Inscrito dia : 06/10/2014
Mensagens : 86
Pontos Ativos : 129

http://www.gtasamp.com

Atendido / Resolvido Re: Bordas do tópico conforme o grupo do usuário

Mensagem por Connor R. em 04.05.19 1:49

Olá, adicione em seu javascript com o investimento nos tópicos.

Código:

(function ($) {
  'use strict';
 
  $(function () {
 
    if (!/^\/t(\d+).*$/i.test(location.pathname)) {
      return false;
    }
 
    $('.post').each(function () {
 
      var $post = $(this);
 
      var color = $post
        .find('dl dt div.postprofile-name > span')
          .css('color')
      ;
     
      $post
      .find('.post-head')
          .attr('style', 'border-bottom-color: ' + color + '')
        .end()
.attr('data-color', color)
      ;
    });
  });
}(jQuery));
Connor R.

Connor R.
Membro do Fórum

Masculino
Inscrito dia : 06/08/2012
Mensagens : 1045
Pontos Ativos : 1693

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Atendido / Resolvido Re: Bordas do tópico conforme o grupo do usuário

Mensagem por Raazor_Vilhena em 04.05.19 4:47

@Connor R. escreveu:Olá, adicione em seu javascript com o investimento nos tópicos.

Código:

(function ($) {
  'use strict';
 
  $(function () {
 
    if (!/^\/t(\d+).*$/i.test(location.pathname)) {
      return false;
    }
 
    $('.post').each(function () {
 
      var $post = $(this);
 
      var color = $post
        .find('dl dt div.postprofile-name > span')
          .css('color')
      ;
      
      $post
      .find('.post-head')
          .attr('style', 'border-bottom-color: ' + color + '')
        .end()
.attr('data-color', color)
      ;
    });
  });
}(jQuery));

Sem resultado irmão.
Raazor_Vilhena

Raazor_Vilhena
Nível 7

Masculino
Inscrito dia : 06/10/2014
Mensagens : 86
Pontos Ativos : 129

http://www.gtasamp.com

Atendido / Resolvido Re: Bordas do tópico conforme o grupo do usuário

Mensagem por Pedxz em 04.05.19 10:34

Remova o código passado em cima, e passe-me o seguinte:
Código:
https://forum.brasilplaygames.com.br/39015.js
Usando no seu fórum, por favor!


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.
Pedxz Moderadeiro
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 3225
Pontos Ativos : 3880

https://power-pixel.net

Atendido / Resolvido Re: Bordas do tópico conforme o grupo do usuário

Mensagem por Connor R. em 04.05.19 16:12

Creio que funcionou, verifiquei em seu fórum e a borda bottom do post-head está de acordo com a cor do grupo. A borda de fora que eu não entendi como você quer.
Connor R.

Connor R.
Membro do Fórum

Masculino
Inscrito dia : 06/08/2012
Mensagens : 1045
Pontos Ativos : 1693

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Atendido / Resolvido Re: Bordas do tópico conforme o grupo do usuário

Mensagem por Raazor_Vilhena em 04.05.19 20:48

@Pedxz escreveu:Remova o código passado em cima, e passe-me o seguinte:
Código:
https://forum.brasilplaygames.com.br/39015.js
Usando no seu fórum, por favor!

cá está.

Código:
(function ($) {
  'use strict';
 
  $(function () {
    $('.post').each(function () {
      var $this = $(this);
      var $name = $this.find('.postprofile-name > a > span[style]');
      if (!$name.length) {
        return;
      }
      var color = $name.css('color');
      $this
        .find('.post-head', '.postprofile-avatar img')
          .css('border-color', color)
      ;
      });
    $('.post').each(function () {
      var $this = $(this);
      var $name = $this.find('.postprofile-name > a > span[style]');
      if (!$name.length) {
        return;
      }
      var color = $name.css('color');
      $this
        .find('.postprofile-avatar img')
          .css('border-color', color)
      ;
    });
    console.log([
      'Profile pages made by Luiz and other members of `Fórum dos Fóruns`.',
      'View more at: http://ajuda.forumeiros.com/'
    ].join('\n'));
  });
}(jQuery));
Raazor_Vilhena

Raazor_Vilhena
Nível 7

Masculino
Inscrito dia : 06/10/2014
Mensagens : 86
Pontos Ativos : 129

http://www.gtasamp.com

Atendido / Resolvido Re: Bordas do tópico conforme o grupo do usuário

Mensagem por Pedxz em 04.05.19 21:13

Mude o seu script para:
Código:
(function ($) {
  'use strict';
 
  $(function () {
 
    $('.post').each(function () {
      var $this = $(this);
      var $name = $this.find('.postprofile-name > a > span[style]');
      if (!$name.length) {
        return;
      }
      var color = $name.css('color');
      $this
        .find('.postprofile-avatar img')
          .css('border-color', color)
      ;
      $this
        .css('border-color', color)
      ;
      $this
        .find('.post-head', '.postprofile-avatar img')
          .css('border-color', color)
      ;
    });
  });
}(jQuery));


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.
Pedxz Moderadeiro
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 3225
Pontos Ativos : 3880

https://power-pixel.net

Atendido / Resolvido Re: Bordas do tópico conforme o grupo do usuário

Mensagem por Raazor_Vilhena em 05.05.19 4:10

agradeço, resultou perfeitamente.  Tive uma idéia!

só mais uma questão, caso eu queira aumentar a largura desta função, como configuro diante deste código? utilizo o border-width? até.
Raazor_Vilhena

Raazor_Vilhena
Nível 7

Masculino
Inscrito dia : 06/10/2014
Mensagens : 86
Pontos Ativos : 129

http://www.gtasamp.com

Atendido / Resolvido Re: Bordas do tópico conforme o grupo do usuário

Mensagem por Pedxz em 05.05.19 10:25

O senhor pode adicionar na sua folha de estilo, o seguinte código:
Código:
.post,
.post-head {
  border-width: 5px!important;
}
mude o valor 5 para o desejado!


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.
Pedxz Moderadeiro
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 3225
Pontos Ativos : 3880

https://power-pixel.net

Atendido / Resolvido Re: Bordas do tópico conforme o grupo do usuário

Mensagem por Raazor_Vilhena em 05.05.19 10:42

Bom dia,

Já havia testado dessa forma, mas acabou que não ficando do meu agrado, deixarei da forma que está.

Agradeço, abraços e até logo.
Raazor_Vilhena

Raazor_Vilhena
Nível 7

Masculino
Inscrito dia : 06/10/2014
Mensagens : 86
Pontos Ativos : 129

http://www.gtasamp.com

Atendido / Resolvido Re: Bordas do tópico conforme o grupo do usuário

Mensagem por Pedxz em 05.05.19 16:07

Questão resolvida

Esta questão foi dada como resolvida pelo seu autor, e por esse motivo será marcada como resolvida e movida para o arquivo de questões resolvidas desta área.


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.
Pedxz Moderadeiro
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 3225
Pontos Ativos : 3880

https://power-pixel.net

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