Top 5 postadores

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

Atendido / Resolvido Top 5 postadores

Mensagem por IsmaelS. em 10.10.17 23:44

Detalhes da questão


Endereço do fórum: http://ismaels.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Olá!

Eu estou a utilizar este código para o TOP 5 POSTADORES só que não esta a aparecer:
Código:
<div class="module main">
                                                  
   <div class="main-head">
                                                         
      <div class="h3">
                                 <em class="fa fa-random"> </em>  TOP 5 POSTADORES                   
      </div>
                                                         
   </div>
                                                      
   <div class="main-content clearfix">
                <script>
jQuery(document).ready(function() {
 var members_top_posters = sessionStorage.getItem('members_top_posters');
 if(members_top_posters) {
  jQuery('#members_top_posters').html(members_top_posters);
 } else {
 jQuery.get('/memberlist?mode=posts&order=DESC&submit=Ok&username', function(d) {
  var members = jQuery('.table a[href^="/u"]:lt(5)', d);
  jQuery('#members_top_posters').html(members);
  jQuery('#members_top_posters').find('a[href^="/u"]').each(function() {
  jQuery(this).wrap('<div class="m_b"></div>');
  var post = jQuery(this).attr('href');
    jQuery(this).after('<span class="posts"></span>');
    jQuery(this).next().load(post+' .main #field_id-6 dd div', function() {
    jQuery(this).text(jQuery(this).text());
    sessionStorage.setItem('members_top_posters', jQuery('#members_top_posters').html());
    });
  });
 });
 }
});
</script>       
      <div id="members_top_posters">
                        
      </div><style>
#members_top_posters .m_b {
margin: 4px 0;
}
#members_top_posters .m_b:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#members_top_posters a span {text-decoration: none;}
#members_top_posters .m_b img {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #D5D5D5!important;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
float: left;
height: 30px;
margin: 0 3px;
padding: 1px;
width: 30px;
}
#members_top_posters .m_b img:hover {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
border-color: #666;
box-shadow: 0 2px 2px rgba(0,0,0,0.5);
}
#members_top_posters .posts {
display: block;
margin-top: 5px;
margin-left: 45px;
font: 11px helvetica, arial, sans-serif;
color: #777777;
}
#members_top_posters .posts:after {
content: ' mensagens';
}
</style>           
   </div>
                                                      
</div>

E na versão PunBB resulta veja:
http://suportedesign.forumeiros.com/
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos Ativos : 4145

Ver perfil do usuário http://suporte-design.forumeiros.com/
  • 0

Atendido / Resolvido Re: Top 5 postadores

Mensagem por Kyo Panda em 11.10.17 13:24

Troque por esse:

Código:
<div class="module main">
                                                   
  <div class="main-head">
                                                         
      <div class="h3">
                                <em class="fa fa-random"> </em>  TOP 5 POSTADORES                   
      </div>
                                                         
  </div>
                                                       
  <div class="main-content clearfix">
                <script>
jQuery(document).ready(function() {
 var members_top_posters = sessionStorage.getItem('members_top_posters');
 if(members_top_posters) {
  jQuery('#members_top_posters').html(members_top_posters);
 } else {
 jQuery.get('/memberlist?mode=posts&order=DESC&submit=Ok&username', function(d) {
  var members = jQuery('.table1 a[href^="/u"]:lt(5)', d);
  jQuery('#members_top_posters').html(members);
  jQuery('#members_top_posters').find('a[href^="/u"]').each(function() {
  jQuery(this).wrap('<div class="m_b"></div>');
  var post = jQuery(this).attr('href');
    jQuery(this).after('<span class="posts"></span>');
    jQuery(this).next().load(post+' #field_id-6 .row_data', function() {
    jQuery(this).text(jQuery(this).text());
    sessionStorage.setItem('members_top_posters', jQuery('#members_top_posters').html());
    });
  });
 });
 }
});
</script>       
      <div id="members_top_posters">
                         
      </div><style>
#members_top_posters .m_b {
margin: 4px 0;
}
#members_top_posters .m_b:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#members_top_posters a span {text-decoration: none;}
#members_top_posters .m_b img {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #D5D5D5!important;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
float: left;
height: 30px;
margin: 0 3px;
padding: 1px;
width: 30px;
}
#members_top_posters .m_b img:hover {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
border-color: #666;
box-shadow: 0 2px 2px rgba(0,0,0,0.5);
}
#members_top_posters .posts {
display: block;
margin-top: 5px;
margin-left: 45px;
font: 11px helvetica, arial, sans-serif;
color: #777777;
}
#members_top_posters .posts:after {
content: ' mensagens';
}
</style>           
  </div>
                                                       
</div>
Kyo Panda

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4641
Pontos Ativos : 5934

Ver perfil do usuário https://ajuda.forumeiros.com

Atendido / Resolvido Re: Top 5 postadores

Mensagem por IsmaelS. em 11.10.17 13:46

Resultou, seria possível juntar o que diz "8 mensagens" mais para cima e mais pequeno e também alinhado com o nick.
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos Ativos : 4145

Ver perfil do usuário http://suporte-design.forumeiros.com/
  • 0

Atendido / Resolvido Re: Top 5 postadores

Mensagem por Kyo Panda em 11.10.17 13:54

Adicione ao CSS:

Código:
#members_top_posters .m_b {
    position: relative;
    padding-left: 40px;
    min-height: 30px;
    margin: 0;
}

#members_top_posters .m_b:not(:last-child) {
    margin-bottom: 10px;
}

#members_top_posters img {
    position: absolute;
    left: 0;
}

#members_top_posters .m_b > a {
    font-size: 0;
}

#members_top_posters .m_b > a span {
    font-size: 12px;
}

#members_top_posters .posts {
    font-family: inherit;
    margin: 0;
}
Kyo Panda

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4641
Pontos Ativos : 5934

Ver perfil do usuário https://ajuda.forumeiros.com

Atendido / Resolvido Re: Top 5 postadores

Mensagem por IsmaelS. em 11.10.17 19:15

Perfeito obrigado e resolvido!
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos Ativos : 4145

Ver perfil do usuário http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Top 5 postadores

Mensagem por Luiz em 11.10.17 19:40

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

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