Emblemas no perfil para AwesomeBB

Detalhes da questão

Endereço do fórum: http://policiagts.forumeiros.com
Versão do fórum: AwesomeBB

Descrição

Saudações,
gostaria de saber os códigos para fazer os emblemas de perfil voltarem a ser a sua real função, visto que troquei de versão (ModernBB para AwesomeBB) e ficou assim https://prnt.sc/13kmhi8
Preciso que eles retornem a ficar assim: https://prnt.sc/13kmj5f

Desde já agradeço e aguardo;

Olá @Saintness,

Para uma maior rapidez no suporte é importante passar o código que estava a usar na versão #modernbb para compatibilizar. Use o seguinte:

Código:

(function ($) {
          'use strict';
       
          $(function () {
            $('#field_id3 img, .post-author-details:contains("Emblemas") img').each(function() {
              var $this = $(this);
              var $label = $this.next();
       
              $this.replaceWith($('<div>', {
                'class': 'rcc-emblems-div',
                style: 'background-image: url(' + $this.attr('src') + ')',
                alt: $.trim($label.text())
              }));
             
              $label.remove();
            });
       
            $('.post-aside').each(function () {
              var $profile = $(this);
           
              $profile
                .find('.post-author-details .label:contains("Emblemas")')
                .parent()
                .hide();
       
              $profile
                .find('.rcc-emblems-div:first')
                .before([
                  '<div class="rcc-emblems-global-wrapper">',
                  '  <div class="only-8-em"></div>',
                  '  <div class="default-em" style="display: none;"></div>',
                  '  <a class="show-more-em" href="javascript:void(0);" style="display: none;">Mostrar todos</a>',
                  '</div>',
                  '',
                  '<!-- @ignore | Estilos Opcionais -->',
                  '<style>',
                  '  .rcc-emblems-global-wrapper * {',
                  '    transition: initial !important;',
                  '  }',
                  '',
                  '  .show-more-em {',
                  '    margin-top: 10px;',
                  '    display: block;',
                  '  }',
                  '',
                  '  .default-em:empty + a {',
                  '    display: none !important;',
                  '  }',
                  '.default-em.no-animation { overflow: initial !important; }',
                  '</style>'
                ].join('\n'))
              ;
       
              $profile
                .find('.rcc-emblems-div')
                .each(function () {
                  var $this = $(this);
       
                  $this
                    .next('br')
                    .hide()
                  ;
       
                  $this.appendTo($profile.find('.default-em'));
                })
              ;
           
              var label = $('.postprofile > dl > dd.postprofile-info > .label:contains("Localização")');
              if(label.length > 0) {
                label
                  .next('br')
                  .hide()
                ;
              }
       
              $profile
                .find('.default-em')
                .find('.rcc-emblems-div')
                .each(function (index, self) {
                  if (index > 7) {
                    return;
                  }
       
                  $profile.find('.show-more-em').show();
                  $(this).appendTo($profile.find('.only-8-em'));
                })
              ;
       
              $profile
                .find('.show-more-em')
                .on('click', function () {
                  var $this = $(this);
       
                  if ($this.is('.clicked')) {
                    $this.removeClass('clicked').text('Mostrar todos');
                    $profile.find('.default-em').removeClass('no-animation').slideUp(300, function () {
                      $(this).addClass('no-animation');
                    });
       
                    return;
                  }
       
                  $this.addClass('clicked').text('Mostrar menos');
                  $profile.find('.default-em').removeClass('no-animation').slideDown(300, function () {
                    $(this).addClass('no-animation');
                  });
                })
              ;
            });
          });
        }(jQuery));

Alterando o #field_id3 para o ID do campo dos emblemas.


Atenciosamente,
pedxz.

Obrigado! Pode fechar.