[Tutorial] Widget top postadores do fórum

[Admin]

Informações:
Autor: Daemon
Funcionalidade: Todas as versões

---

Acesse:

Painel de Controle ☛ Modulos ☛ Portal & Widgets ☛ Gestão dos widgets do fórum ☛ Criar um widget personalizado

E coloque esse código no conteúdo:

Código:


    <script>
    jQuery(document).ready(function(){
     jQuery.get('/memberlist?mode=posts&order=DESC&submit=Ok&username', function(d) {
      var members = jQuery('td.tcl:lt(5)', d);
      jQuery('#members_top_posters').html(members);
      jQuery('#members_top_posters').find('a[href^="/u"]').each(function() {
      var post = jQuery(this).attr('href');
        jQuery(this).after('<div class="posts"></div>');
        jQuery(this).next().load(post+'#field_id-6 dd div');
      });
     });
    });
    </script>
    <div id="members_top_posters">
    </div><style>
    #members_top_posters td {
    margin: 4px 0;
    display: block;
    }
    #members_top_posters td:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
    #members_top_posters a span {text-decoration: none;}
    #members_top_posters td 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: 32px;
    margin: 0 3px;
    padding: 1px;
    width: 32px;
    }
    #members_top_posters .posts {
    margin: 3px 0 0 45px;
    font: 11px helvetica, arial, sans-serif;
    color: #777777;
    }
    #members_top_posters .field_uneditable:after {
    content: ' posts';
    }
    </style>

Resultado: