[Tutorial]Widget members stats

Neste tutorial iremos colocar um widget personalizado que mostra duas coisas, top poster geral, e últimos cadastros.





1º - Colocação do Código Java-Script
Primeiro vamos ao painel de controle    módulos  gestão dos widgets do fórum  criar um widget personalizado.
Nome do widget: A sua escolha
Utilizar um table type: Sim
Codigo:

Código:

<script>
jQuery(function(){
jQuery(document).ready(function(){
var ml = jQuery('#left')[0]; // widget da esquerda;
var mr = jQuery('#right')[0]; // widget da direita;
jQuery.get('/memberlist?mode=posts&order=DESC&submit=Ok&username',function(p){
jQuery('.posts').addClass('ms').html(jQuery("td.tcl:lt(5)",p));
jQuery(mr).find('.module .main-content .posts a.gen[href^="/u"]').each(function() {
var post = jQuery(this).attr('href');
jQuery(this).after('<div></div>');
jQuery(this).next().load(post+'.main #field_id-6');
});
});
jQuery.get('/memberlist?mode=joined&order=DESC&submit=Ok&username',function(j){
jQuery('.joined').addClass('ms').html(jQuery("td.tcl:lt(5)",j));
jQuery(mr).find('.module .main-content .joined a.gen[href^="/u"]').each(function() {
var join = jQuery(this).attr('href');
jQuery(this).after('<div></div>');
jQuery(this).next().load(join+'.main #field_id-4');
});
});
jQuery('.change').click(function() {
          jQuery('#Memberstats p:first-child').next('p').slideToggle(1500);
          jQuery('#Memberstats p:first-child').appendTo('#Memberstats').hide();
});
});
});
</script>
<style>
.ms td {
display: block;
padding: 3px 0;
margin: 3px 0;
}
.ms td a span {text-decoration: none;}
.ms td.tcl img {
float: left;
height: 32px;
width: 32px;
background-color:#FCFCFF;
padding: 1px;
border: 1px solid#CCC;
margin-right:5px;
}
.ms dl {margin: 3px 0 0 5px;}
.ms dl, .ms dt, .ms dd {display: inline-block;}
</style>
<input type="submit" class="change" value="Change" style="display: block; float: right;"><div id="Memberstats">
<p class="posts"></p>
<p class="joined" style="display: none"></p>
</div>

2º - Resultado:

---

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Widget members stats