Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 Stark'

avatar
Membro
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/
Ver perfil do usuário

#2
 D'Leandro™

avatar
Fundador
Status: Aceito.
Movido para: Local correspondente.
Motivo desta mensagem: Funcional e dentro dos padrões exigidos.
Ver perfil do usuário

#3
 Mr.GamingPT

avatar
Membro
vh
Ver perfil do usuário

#4
 B4N3

avatar
Membro
testando o codigo
Este site não tem classificação
Ver perfil do usuário

#5
 Mr.GamingPT

avatar
Membro
ip
Ver perfil do usuário

#6
 Master Publicitario

avatar
Membro
Muito bom!
Ver perfil do usuário

#7
 Teste123

avatar
Membro
Gostei
Ver perfil do usuário

#8
 Conteúdo patrocinado