Emblemas no perfil para AwesomeBB

2 participantes

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

Tópico resolvido Emblemas no perfil para AwesomeBB

Mensagem por Saintness 30.05.21 2:46

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;
Saintness

Saintness
Nível 9

Masculino
Membro desde : 30/05/2020
Mensagens : 155
Pontos ativos : 265

https://sistemacrp.forumeiros.com/ https://www.facebook.com/Gabriel Augusto https://twitter.com/Coyoti Habblet

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Emblemas no perfil para AwesomeBB

Mensagem por pedxz 30.05.21 14:40

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

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 6568
Pontos ativos : 7732

Ir para o topo Ir para baixo

Tópico resolvido Re: Emblemas no perfil para AwesomeBB

Mensagem por Saintness 01.06.21 5:22

Obrigado! Pode fechar.
Saintness

Saintness
Nível 9

Masculino
Membro desde : 30/05/2020
Mensagens : 155
Pontos ativos : 265

https://sistemacrp.forumeiros.com/ https://www.facebook.com/Gabriel Augusto https://twitter.com/Coyoti Habblet

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Emblemas no perfil para AwesomeBB

Mensagem por pedxz 01.06.21 8:10

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

Membro desde : 13/01/2017
Mensagens : 6568
Pontos ativos : 7732

Ir para o topo Ir para baixo

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


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