Áqui está, adicione em um widget:
- Código:
<script>
jQuery(document).ready(function(){
/* Gets the information saved in local storage (Fastest!)*/
var highlight_the_week = sessionStorage.getItem('highlight_the_week');
/* If informations alread saved, then no request member profile! */
if(highlight_the_week) {
jQuery('#highlight_the_week').html(highlight_the_week);
} else {
/* if not, then only request per session!!! */
jQuery('#link').html(jQuery('.module table[summary="Os membros mais ativos da semana"] td[width="30%"]:eq(0)').html());
jQuery.get(jQuery('.module table[summary="Os membros mais ativos da semana"] td[width="30%"] a:eq(0)').attr('href'),function(b){
var nome = jQuery(b).find('#profile-advanced-right .module .main-head .h3:eq(0) strong').text();
jQuery('a.m-content').attr('href','/sta/'+nome+'');
jQuery('#avat').html(jQuery('#profile-advanced-right .main-content.clearfix.center:eq(0)',b).html());
jQuery('#post-membro').html(jQuery('#field_id-6 dd',b).html());
jQuery('#reg-membro').html(jQuery('#field_id-4 dd',b).html());
jQuery('#reput').html(jQuery('#field_id-14 dd',b).html());
//Saves the html information in local storage
sessionStorage.setItem('highlight_the_week', jQuery('#highlight_the_week').html());
});
}
});
</script>
<div id="highlight_the_week">
<center>
<br>
<div id="link"></div>
<div id="avat"><center>Carregando avatar...</center></div>
<div id="reput"></div>
<br>
<a href="#" class="m-content"><img src="http://i.imgur.com/OTcLyEw.png"></a>
<br><br>
<span>Posts:</span> <div id="post-membro"></div> <br>
<span>Membro desde:</span> <div id="reg-membro"></div><br>
<br>
<div style="text-align: left;">Mensagem para o membro:</div>
<div class="msg-membro">É uma honra ter você conosco, e você é a prova de que todo o esforço tem resultado. Parabéns pelo seu trabalho.</div>
</center>
</div>
<style>
.msg-membro {
text-align: left;
background: #fff;
border: 1px solid #e0e0e0;
padding: 9px;
}
#avat img {
max-width: 150px !important;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-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);
}
#reput {
margin: 5px auto;
min-width: 80px;
color: #fff;
background: #649b16;
font-weight: bold;
padding: 3px 8px;
display: inline-block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.m-content {
background: url(http://i74.servimg.com/u/f74/18/08/53/97/highli11.png) repeat-x scroll 0 0 #ECECEC;
border: 1px solid #DBDBDB;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 0 #FFF inset, 0 1px 0 rgba(0,0,0,0.3);
color: #616161;
display: inline-block;
font-size: 12px;
height: 22px;
line-height: 22px;
padding: 5px 10px 3px 10px;
transition: all .2s ease-in-out 0;
white-space: nowrap;
}
#post-membro, #reg-membro {display: inline-block;}
</style>
Lembre-se que ele funciona com o widget Os membros mais ativos da semana, ativo.
Até mais!
Widget "Destaque da Semana" Qua 14 Ago 2013 - 15:23
