Widget de últimos membros cadastradosNeste tutorial iremos colocar um widget personalizado mostrando uma lista de últimos membros cadastrados em seu fórum.Versões de funcionamento: PunBB.

1º Passo - Inserindo o source
Primeiro iremos aceder a Painel de Controle >> Módulos >> Portal & Widgets >> Gestão dos Widgets do Fórum > Criar um Widget Personalizado.

Nome do widget: A sua escolha
Utilizar um table type: Sim
Título do widget: A sua escolha
Código: Cole o código citado a baixo

Código:

<script>
jQuery(function () {
  /* TUTORIAL = http://staffergroupbr.stuning.net/t1799- */
  jQuery(document).ready(function () {
    jQuery.get('/memberlist?mode=joined&order=DESC&submit=Ok&username', function (j) {
      jQuery('.joined').HTML(jQuery("td.tcl:lt(5)", j));
      var lf = jQuery('#left')[0]; // widget da esquerda;
      var lr = jQuery('#right')[0]; // widget da direita;
      jQuery(lr).find('.module .main-content 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');
      });
    });
  });
});
</script>
<style>
.joined td {
  display: block;
  padding: 3px 0;
  margin: 3px 0;
}
.joined td a span {
  text-decoration: none;
}
.joined td.tcl img {
  float: left;
  height: 32px;
  width: 32px;
  background-color: #FCFCFF;
  padding: 1px;
  border: 1px solid #CCC;
  margin-right: 5px;
}
.joined dl {
  margin: 3px 0 0 5px;
}
.joined dl,
.joined dt,
.joined dd {
  display: inline-block;
}
</style>
<div class="joined"></div>

• Resultado:
  

---

© Staffer Group BR™
PRECISA DE SUPORTE?

Criador: Daemon Site: http://bestskins.forumeiros.com/

Status: Aceito.
Movido para: Local correspondente.
Motivo desta mensagem: Funcional e dentro dos padrões exigidos.

vh

testando o codigo

ip

Muito bom!

Gostei