Avatar nel widget ultimi argomenti
Descrizione
Ciao a tutti con questo tutorial vi mostrerò come inserire l'avatar dell'autore del messaggio nel widget ultimi argomenti. Lo script è compatibile per tutte le versioni.
Ecco uno screen del risultato:
Iniziamo con il tutorial:
Primo passo
| PDA ---> Moduli ---> Codice Javascript ---> Crea codice ---> Tutte le pagine |
Buona parte di questo codice è quello della guida per gli avatar nella home
- Codice:
$(function(){
if(!window.localStorage) return;
// Avatar por defecto
var default_avatar= 'http://illiweb.com/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_ava2.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= {};
$('#comments_scroll_div a[href^="/u"]').each(function(){
to_replace[$(this).attr('href').substr(2)]= 1;
$(this).before('<span class="mini_ava2 member'+$(this).attr('href').substr(2)+'"></span>');
});
for(i in to_replace)
{
set_avatar(i);
};
});
Secondo passo
| PDA ---> Visualizzazione ---> Colori ---> Foglio di stile CSS |
- Codice:
.mini_ava2 > img {
height: 20px;
margin-right: 5px;
width: 20px;
}
ATTENZIONE: per far in modo che lo script funzioni dovrete attivare lo scroll degli ultimi argomenti.
Ora avrete gli avatar nel widget  
|
Indice
Avatar nel widget ultimi argomenti
Da Insane il Sab 22 Feb 2014 - 14:00
Facebook
Twitter
Youtube
