Campo dos emblemas

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

Atendido / Resolvido Campo dos emblemas

Mensagem por Punisher em 26.06.18 17:54

Detalhes da questão


Endereço do fórum: http://nwdgames.forumbrasil.net
Versão do fórum: ModernBB

Descrição


Olá pessoal, meu campo de emblemas só ficam com 1, mas eu gostaria que fosse possível adicionar + de 1 emblema em cada perfil, então estou usando este código:
Código:
(function ($, css) {
  'use strict';
 
  $(function () {
    $('.post_field').each(function () {
      var $this = $(this);
      var _text = $this.text();
 
      if (!/emblemas/gi.test(_text)) {
        return;
      }
 
      $this.addClass('perfil-emblemas');
   
      $this
        .find('img')
          .each(function () {
            var $this = $(this);
 
            $this.attr('title', $this.next('strong').text());
         
            $this.tooltipster();
          })
      ;
    });
 
    $('<style>', { 'text': css.join('\n') }).appendTo('head');
  });
}(jQuery, [
  '.perfil-emblemas {',
  '  font-size: 0;',
  '  text-align: center;',
  '  margin: 10px 0;',
  '}',
  '',
  '.perfil-emblemas * {',
  '  transition: none !important;',
  '}',
  '',
  '.perfil-emblemas::before {',
  '  content: "Emblemas";',
  '  display: block;',
  '  font-size: 13px;',
  '  margin-bottom: 6px;',
  '  font-weight: 500;',
  '}',
  '',
  '.perfil-emblemas img {',
  '  display: inline-block;',
  '  margin-right: 6px;',
  '  border: solid 1px #ddd;',
  '  padding: 3px;',
  '  box-shadow: inset 0 0 0 2px #ddd;',
  '}'
]));

Porém não fica como eu quero, eu queria que ficasse assim:
https://i.imgur.com/XqsuSVH.png

Como fica:
http://prntscr.com/jzmyd3
Punisher

Punisher
Nível 8

Masculino
Inscrito dia : 16/10/2017
Mensagens : 139
Pontos Ativos : 233

http://rota-nwd.forumeiros.com

Atendido / Resolvido Re: Campo dos emblemas

Mensagem por Pedxz em 26.06.18 18:44

Olá @Punisher,
Mude para:
Código:
(function ($, css) {
  'use strict';
 
  $(function () {
    $('.post_field').each(function () {
      var $this = $(this);
      var _text = $this.text();
 
      if (!/emblemas/gi.test(_text)) {
        return;
      }
 
      $this.addClass('perfil-emblemas');
 
      $this
        .find('img')
          .each(function () {
            var $this = $(this);
 
            $this.attr('title', $this.next('strong').text());
       
            $this.tooltipster();
          })
      ;
    });
 
    $('<style>', { 'text': css.join('\n') }).appendTo('head');
  });
}(jQuery, [
  '.perfil-emblemas {',
  '  font-size: 0;',
  '  text-align: left;',
  '  margin: 10px 0;',
  '}',
  '',
  '.perfil-emblemas * {',
  '  transition: none !important;',
  '}',
  '',
  '.perfil-emblemas::before {',
  '  content: "Emblemas";',
  '  display: block;',
  '  font-size: 13px;',
  '  margin-bottom: 6px;',
  '  font-weight: 500;',
  '}',
  '',
  '.perfil-emblemas img {',
  '  display: inline-block;',
  '  text-align: left;',
  ' float: left!important;',
  '  margin-right: 0px;',
  '  border: solid 1px #ddd;',
  '  padding: 3px;',
  '  box-shadow: inset 0 0 0 2px #ddd;',
  '}'
]));

- pedxz
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 3393
Pontos Ativos : 4046

https://power-pixel.net

Atendido / Resolvido Re: Campo dos emblemas

Mensagem por Punisher em 26.06.18 18:53

Veja como ficou: http://prntscr.com/jznpok bugou os icones de mensagem etc.
Punisher

Punisher
Nível 8

Masculino
Inscrito dia : 16/10/2017
Mensagens : 139
Pontos Ativos : 233

http://rota-nwd.forumeiros.com

Atendido / Resolvido Re: Campo dos emblemas

Mensagem por RafaelS. em 26.06.18 20:25

Olá amigo!

Remova os códigos passados acima, e tente utilizar o seguinte:

Código:
(function ($, css) {
  'use strict';
 
  $(function () {
    $('.post_field').each(function () {
      var $this = $(this);
      var _text = $this.text();
 
      if (!/emblemas/gi.test(_text)) {
        return;
      }
 
      $this.addClass('perfil-emblemas');
  
      $this
        .find('img')
          .each(function () {
            var $this = $(this);
 
            $this.attr('title', $this.next('strong').text());
        
            $this.tooltipster();
          })
      ;
    });
 
    $('<style>', { 'text': css.join('\n') }).appendTo('head');
$('.perfil-emblemas').parents().prepend('<span><strong>Emblemas</strong></span>');
  });
}(jQuery, [
  '.perfil-emblemas {',
  '  font-size: 0;',
  '  text-align: center;',
  '  margin: 10px 0;',
  '  display: inline;',
  '}',
  '',
  '.perfil-emblemas * {',
  '  transition: none !important;',
  '}',
  '',
  '.perfil-emblemas::before {',
  '  content: "Emblemas";',
  '  display: block;',
  '  font-size: 13px;',
  '  margin-bottom: 6px;',
  '  font-weight: 500;',
  '}',
  '',
  '.perfil-emblemas img {',
  '  height: 50px;',
  '  width: 50px;',
  '  padding: 5px;',
  '}'
]));

Até mais.
RafaelS.

RafaelS.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 4993
Pontos Ativos : 5962

http://techmais.forumeiros.com/

Atendido / Resolvido Re: Campo dos emblemas

Mensagem por Punisher em 26.06.18 20:47

Bugou mais ainda http://prntscr.com/jzp47j
Punisher

Punisher
Nível 8

Masculino
Inscrito dia : 16/10/2017
Mensagens : 139
Pontos Ativos : 233

http://rota-nwd.forumeiros.com

Atendido / Resolvido Re: Campo dos emblemas

Mensagem por RafaelS. em 26.06.18 21:44

Oups!

Troque por este:

Código:
(function ($, css) {
  'use strict';
 
  $(function () {
    $('.post_field').each(function () {
      var $this = $(this);
      var _text = $this.text();
 
      if (!/emblemas/gi.test(_text)) {
        return;
      }
 
      $this.addClass('perfil-emblemas');
  
      $this
        .find('img')
          .each(function () {
            var $this = $(this);
 
            $this.attr('title', $this.next('strong').text());
        
            $this.tooltipster();
          })
      ;
    });
 
    $('<style>', { 'text': css.join('\n') }).appendTo('head');
$('.perfil-emblemas').parent().prepend('<span><strong>Emblemas</strong></span><br />');
$('.perfil-emblemas br').remove();
  });
}(jQuery, [
  '.perfil-emblemas {',
  '  font-size: 0;',
  '  text-align: center;',
  '  margin: 10px 0;',
  '  display: inline;',
  '}',
  '',
  '.perfil-emblemas * {',
  '  transition: none !important;',
  '}',
  '',
  '.perfil-emblemas img {',
  '  height: 50px;',
  '  width: 50px;',
  '  padding: 5px;',
  '}'
]));
RafaelS.

RafaelS.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 4993
Pontos Ativos : 5962

http://techmais.forumeiros.com/

Atendido / Resolvido Re: Campo dos emblemas

Mensagem por Punisher em 26.06.18 21:52

Punisher

Punisher
Nível 8

Masculino
Inscrito dia : 16/10/2017
Mensagens : 139
Pontos Ativos : 233

http://rota-nwd.forumeiros.com

Atendido / Resolvido Re: Campo dos emblemas

Mensagem por RafaelS. em 26.06.18 21:54

Acho que agora vai @Punisher,

Código:
(function ($, css) {
  'use strict';
 
  $(function () {
    $('.post_field').each(function () {
      var $this = $(this);
      var _text = $this.text();
 
      if (!/emblemas/gi.test(_text)) {
        return;
      }
 
      $this.addClass('perfil-emblemas');
  
      $this
        .find('img')
          .each(function () {
            var $this = $(this);
 
            $this.attr('title', $this.next('strong').text());
        
            $this.tooltipster();
          })
      ;
    });
 
    $('<style>', { 'text': css.join('\n') }).appendTo('head');
$('.perfil-emblemas').parent().prepend('<span><strong>Emblemas</strong></span><br>');
$('.perfil-emblemas br').remove();
  });
}(jQuery, [
  '.perfil-emblemas {',
  '  font-size: 0;',
  '  text-align: center;',
  '  margin: 10px 0;',
  '  display: inline;',
  '}',
  '',
  '.perfil-emblemas * {',
  '  transition: none !important;',
  '}',
  '',
  '.perfil-emblemas img {',
  '  height: 50px;',
  '  width: 50px;',
  '  padding: 5px;',
  '}'
]));
RafaelS.

RafaelS.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 4993
Pontos Ativos : 5962

http://techmais.forumeiros.com/

Atendido / Resolvido Re: Campo dos emblemas

Mensagem por Punisher em 26.06.18 22:00

Perfeito, poderia deixar o "Emblema" em preto? igual os outros perfis
Punisher

Punisher
Nível 8

Masculino
Inscrito dia : 16/10/2017
Mensagens : 139
Pontos Ativos : 233

http://rota-nwd.forumeiros.com

Atendido / Resolvido Re: Campo dos emblemas

Mensagem por RafaelS. em 26.06.18 22:01

Claro!

Código:
(function ($, css) {
  'use strict';
 
  $(function () {
    $('.post_field').each(function () {
      var $this = $(this);
      var _text = $this.text();
 
      if (!/emblemas/gi.test(_text)) {
        return;
      }
 
      $this.addClass('perfil-emblemas');
  
      $this
        .find('img')
          .each(function () {
            var $this = $(this);
 
            $this.attr('title', $this.next('strong').text());
        
            $this.tooltipster();
          })
      ;
    });
 
    $('<style>', { 'text': css.join('\n') }).appendTo('head');
$('.perfil-emblemas').parent().prepend('<span style="color:black"><strong>Emblemas</strong></span><br>');
$('.perfil-emblemas br').remove();
  });
}(jQuery, [
  '.perfil-emblemas {',
  '  font-size: 0;',
  '  text-align: center;',
  '  margin: 10px 0;',
  '  display: inline;',
  '}',
  '',
  '.perfil-emblemas * {',
  '  transition: none !important;',
  '}',
  '',
  '.perfil-emblemas img {',
  '  height: 50px;',
  '  width: 50px;',
  '  padding: 5px;',
  '}'
]));


Última edição por RafaelS. em 26.06.18 22:03, editado 1 vez(es) (Razão : Cor.)
RafaelS.

RafaelS.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 4993
Pontos Ativos : 5962

http://techmais.forumeiros.com/

Atendido / Resolvido Re: Campo dos emblemas

Mensagem por Punisher em 26.06.18 22:11

Perfeito, agradeço muito, podem fechar.
Punisher

Punisher
Nível 8

Masculino
Inscrito dia : 16/10/2017
Mensagens : 139
Pontos Ativos : 233

http://rota-nwd.forumeiros.com

Atendido / Resolvido Re: Campo dos emblemas

Mensagem por Shek em 27.06.18 1:28

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.
Shek Crowley
Shek

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 18456
Pontos Ativos : 22262

https://shiftactive.blogspot.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

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