Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

Avatar nel widget ultimi argomenti


Tutorial Avatar nel widget ultimi argomenti

Messaggio Da Insane il Sab 22 Feb 2014, 14:00

Avatar nel widget ultimi argomenti


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 :good:  cheers  cheers  cheers 


Insane
Veterano dello staff

Sesso : Maschile
Età : 24
Messaggi : 3808
Località : Varese


Vedere il profilo dell'utente http://aiuto.forumattivo.it/
Insane è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum