[Tutorial]Widget members stats

Ir em baixo

[Tutorial]Widget members stats

Mensagem por JQuery em Sab Mar 01, 2014 8:32 pm



Widget members stats

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


--> Tutoriais, dicas e astúcias <--
Widget members stats



- Colocação do Código Java-Script
Primeiro vamos ao painel de controle  Arrow  módulos Arrow gestão dos widgets do fórum Arrow 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>


- Resultado:





©️ Web Design


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



Staff - Web Design



 Cumpra as regras do forum e seja um bom membro.
 Conheça a nossa equipe staff.
 Antes de criar sua publicação leia as regras da seção de publicidade.
 Antes de pedir uma análise do seu site, tenha em mente as regras da seção.
 Cada seção é sustentada por suas próprias regras, leia atentamente antes de atuar.
avatar
JQuery
Administrador
Administrador

Mensagens : 142
Localização : Penafiel
Reputação : 26
Barra de respeito às regras :

Ver perfil do usuário http://webdesign.forum-pro.net

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum