![[TUTORIAL]Avatar do último membro que postou no indice Empty](https://2img.net/i/empty.gif)
![[TUTORIAL]Avatar do último membro que postou no indice Index_10](https://i.servimg.com/u/f66/15/86/37/09/index_10.png) | Avatar do último membro que postou no indice |
Caros membros, hoje ensinarei a vocês como fazer aparecer o avatar do ultimo membro que postou nos Sub-Fóruns.
![[TUTORIAL]Avatar do último membro que postou no indice Avatar12](https://i.servimg.com/u/f47/15/17/71/53/avatar12.png){kind=avatar}
Cuidado
Não funciona com navegadores antigos
.--> Tutoriais Sobre Códigos <--
1º - Adicionar o javascript
Primeiro você terá que aceder o seu Painel de controle > Módulos > HTML & Javascript > Gestão das paginas Javascript
Titulo:O que você quiser
Investimento: Em todas as páginas
Depois cole o seguinte código:
Código:
$(function(){
if(!window.localStorage) return;
// Avatar por defecto
var default_avatar= 'http://2img.net/i/fa/invision/pp-blank-thumb.png';
// Tiempo de cache, aqui 24 h * 60 m * 60 s * 1000 ms entonces un día
var caching_time= 24*60*60*1000;
// Tiempo de cache de un error, ici 60 s * 1000 ms entonces un minuto
var caching_error= 60*1000;
var set_avatar= function(id) {
$('.mini_ava.member'+id).html('<img src="'+get_avatar(id)+'" />');
};
var get_avatar= function(id) {
if(localStorage.getItem('t_ava'+id) < +new Date - caching_time || (localStorage.getItem('d_ava'+id)==default_avatar && localStorage.getItem('t_ava'+id) < +new Date - caching_error))
{
localStorage.setItem('d_ava'+id, default_avatar);
$.get('/u'+id, function (d){
localStorage.setItem('t_ava'+id,+new Date);
localStorage.setItem('d_ava'+id, $('#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img',d).first().attr('src')||default_avatar);
set_avatar(id);
});
}
return localStorage.getItem('d_ava'+id);
};
var to_replace= {};
$('dd.lastpost strong a.gensmall, .ipbtable tr td:last-child span strong a.gensmall, .table td.tcr strong a.gensmall, .forumline .row3.over strong a.gensmall').each(function(){
to_replace[$(this).attr('href').substr(2)]= 1;
$(this).closest('td,dd').prepend('<div class="mini_ava member'+$(this).attr('href').substr(2)+'"></div>');
});
for(i in to_replace)
{
set_avatar(i);
};
});2º - Adicionar o CSS
Agora você tem que ir em Painel de Controle > Visualização > Imagens e Cores > Cores >Folha de estilo CSS
E cole o seguinte código:
Código:
.mini_ava {
float: left;
}
.mini_ava img {
width: 40px;
height: 40px;
margin: 0 5px;
border-radius: 10px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.mini_ava img:hover
{
width: 80px;
height: 80px;
}3º - Resultado
© SuporteDesign & Patrão
![[TUTORIAL]Avatar do último membro que postou no indice Act_bottom](https://www.forumeiros.com/i/img/act_bottom.png) | Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Avatar do último membro que postou no indice |
