[Tutorial] Widget membro do mês

Informações:

Autor: Daemon
Versões: Todas as versões
Introdução: Widget Membro do Mês

Painel de controle ->> Modulos ->> Portal & Widgets ->> Gestão dos Widgets do Fórum

Código:

<script>
jQuery(document).ready(function(){
function makeArray() {
      for (i = 0; i<makeArray.arguments.length; i++)
      this[i + 1] = makeArray.arguments[i];
   }
   var months = new makeArray('Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro');
   var date = new Date();
   var month = date.getMonth() + 1;
   var yy = date.getYear();
   var year = (yy < 1000) ? yy + 1900 : yy;
    var member_month = sessionStorage.getItem('member_month');
    if(member_month) {
       jQuery('#member_month').html(member_month);
    } else {
  var link = jQuery('.module table[summary="Os membros mais ativos do mês"] td:eq(0) a').attr('href');
jQuery.get(link, function(b){
  var usernametxt = jQuery('#profile-advanced-right .module .main-head .h3:eq(0) strong', b).text();
  var avatar = jQuery('#profile-advanced-right .main-content.clearfix.center:eq(0) img',b).attr('src');
  var rep = jQuery('#field_id-14 div',b).html();
  var posts = jQuery('#field_id-6 div',b).html();
  var register = jQuery('#field_id-4 div',b).html();
  var birth = jQuery('#field_id-12 div',b).html();
  var id = link.match(/\d+/g);
  jQuery('.box_container').html('<table><tr><td class="av"><img src="'+avatar+'" alt="'+avatar+'" /></td><td style="width:100%"><div class="inner_container"><h4>'+usernametxt+'</h4><span class="mi"><a href="/privmsg?mode=post&u='+id+'"><img src="http://imgur.com/Czex6X4.png" alt="Enviar PM" /></a></span><span class="mi"><a href="/spa/'+usernametxt+'"><img src="http://imgur.com/72Ep0wz.png" alt="Procurar posts" /></a></span><hr><span class="txt">Membro do mês</span><span class="m">'+months[month]+' '+year+'</span></div></td></tr></table>');
  jQuery('.member_month').html('Parabéns a '+usernametxt+' nosso novo membro do mês de '+months[month]+' '+year+'. Registrado pela primeira vez neste fórum '+register+'. Ele comemora aniversário em '+birth+'. Tem o total de '+posts+' posts. Ele recebeu '+rep+' pontos de reputação. Parabéns ao membro do mês.<div class="profile" align="right"><span class="m m_lightgrey"><a href="'+link+'">Ir para o perfil</a></span></div>');
sessionStorage.setItem('member_month', jQuery('#member_month').html());
});
}
});
</script>
<div id="member_month">
    
   <div class="box_container">
      
   </div>
    
   <div class="member_month">
      
   </div>
</div><style>
.box_container, .member_month {
background: white;
border: 1px solid #CECED1;
}
.member_month {
margin-top: 5px;
padding: 5px 8px 10px 8px;
font-size: 10px;
color: #1E7145;
}
.box_container td.av {
background-color: rgb(240, 248, 255);
padding: 3px;
width: 80px;
}
.box_container td.av img {
height: 50px;
width: 50px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.box_container .inner_container {
width: 100%;
position: relative;
left: -5px;
padding: 5px 5px 5px 10px;
}
.box_container .inner_container hr {
border: 1px solid #ddd;
margin: 2px 5px 2px 0;
}
.box_container .inner_container .txt {
display: block;
color:grey;
font-size:10px;
position:relative;
}
#member_month .m {
background: green;
cursor: default;
height: 17px;
line-height: 17px;
padding: 2px 5px;
font-size: 9px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
vertical-align: middle;
}
#member_month .m, #member_month a {
color: white;
}
.m_lightgrey {
    background: #b3b3b3;
}
.box_container .inner_container .mi {
padding: 3px 5px 3px 5px;
}
.box_container .inner_container h4 {
display: inline-block;
}
.member_month .profile {
padding: 5px;
}
</style>