Come rendere visibile sull'indice del forum l'avatar dell'ultima persona che ha scritto un messaggio


Come rendere visibile sull'indice del forum l'avatar dell'ultima persona che ha scritto un messaggio

Messaggio Da Nerissa il Mer 4 Dic 2013 - 14:21

 Come rendere visibile sull'indice del forum l'avatar dell'ultima persona che ha scritto un messaggio.


1- Definizione


Con questo tutoriale impareremo su come rendere visibile sull'indice del forum l'avatar dell'ultima persona che ha scritto un messaggio.
2. Codice Javascript:

PA > moduli > HTML e javascripts > Gestione dei codici javascript  > creare un codice java (posizione l'indice o anche tutte le pagine) :

Titolo -> a vostra scelta Wink 

Incollare il codice s salvare le modifiche.

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_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);
    };
 
});
3. Codice css  :

PA > visualizzazione > immagini e colori > foglio di stile CSS : 

Codice:


.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;
}

 Nota : Il codice CSS può essere modificato, colori, dimensioni, aggiungere/eliminare il hover ...jiji  


A presto con nuovi codici !!  


Astuzia creata da: Celina - forum di supporto spagnolo (tradotto da Nerissa)
Copyrigth © FORUMATTIVO.COM


avatar
Nerissa
Veterano dello staff

Sesso : Femminile
Messaggi : 3458
Località : Spagna


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

Re: Come rendere visibile sull'indice del forum l'avatar dell'ultima persona che ha scritto un messaggio

Messaggio Da Niko il Mer 4 Dic 2013 - 17:05

Fantastico :good:

In seguito verrà spostato nella sezione tutorial :bene:
avatar
Niko
Veterano dello staff


Sesso : Maschile
Età : 20
Messaggi : 7679
Località : Provincia di Varese


Vedere il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Re: Come rendere visibile sull'indice del forum l'avatar dell'ultima persona che ha scritto un messaggio

Messaggio Da T.Aurora il Dom 8 Dic 2013 - 17:16

Grazie, molto carina questa opzione.
Ho notato che cambiando l'avatar, il miniavatar non si aggiorna, è normale o avrò sbagliato qualcosa?  Embarassed
avatar
T.Aurora
****

Sesso : Femminile
Età : 70
Messaggi : 242
Località : Milano


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

Re: Come rendere visibile sull'indice del forum l'avatar dell'ultima persona che ha scritto un messaggio

Messaggio Da the crow il Lun 9 Dic 2013 - 12:31

é normale.. Devi aggiornare la pagina (f5 dalla tastiera de pc )
avatar
the crow
Veterano dello staff

Sesso : Maschile
Età : 25
Messaggi : 8797
Località : Roma


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

Re: Come rendere visibile sull'indice del forum l'avatar dell'ultima persona che ha scritto un messaggio

Messaggio Da T.Aurora il Lun 9 Dic 2013 - 14:13

ho aggiornato subito, appena fatto, ma non è successo e non  succede nulla.  I miniavatar rimangono invariati. Non importa... probabilmente dovrei reinserire lo script.
Grazie ugualmente!
avatar
T.Aurora
****

Sesso : Femminile
Età : 70
Messaggi : 242
Località : Milano


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

Re: Come rendere visibile sull'indice del forum l'avatar dell'ultima persona che ha scritto un messaggio

Messaggio Da Dozy™ il Lun 9 Dic 2013 - 17:59

Cancella anche cache e cookie del browser, saranno pieni.
avatar
Dozy™
Veterano dello staff

Sesso : Maschile
Età : 29
Messaggi : 2297
Località : Tradate (va)


Vedere il profilo dell'utente
Dozy™ è stato ringraziato dall'autore di questo topic.

Re: Come rendere visibile sull'indice del forum l'avatar dell'ultima persona che ha scritto un messaggio

Messaggio Da T.Aurora il Lun 9 Dic 2013 - 20:53

Tutto a posto grazie, dopo due giorni si è aggiornato da solo!  :good:
avatar
T.Aurora
****

Sesso : Femminile
Età : 70
Messaggi : 242
Località : Milano


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

Re: Come rendere visibile sull'indice del forum l'avatar dell'ultima persona che ha scritto un messaggio

Messaggio Da tonycoyote il Lun 6 Gen 2014 - 12:30

Direi veramente un ottima modifica e molto apprezzata, grazie.
avatar
tonycoyote
Sono un nuovo membro :)

Sesso : Maschile
Età : 47
Messaggi : 40
Località : Avellino


Vedere il profilo dell'utente http://tirodinamico.forumattivo.com
tonycoyote è stato ringraziato dall'autore di questo topic.

Re: Come rendere visibile sull'indice del forum l'avatar dell'ultima persona che ha scritto un messaggio

Messaggio Da gandalf77 il Mar 7 Gen 2014 - 15:16

Salve. La funzione è davvero ottima ma appena attivata mi scompare la barra di formattazione del testo e non è possibile inserire emoticons. Noto invece che qui funziona tutto.
Dove sta l'inghippo?

Alessandro R.
www.passionetennis.com

gandalf77
**
**

Messaggi : 53

Vedere il profilo dell'utente http://passionetennis.asiafreeforum.com
gandalf77 è stato ringraziato dall'autore di questo topic.

Re: Come rendere visibile sull'indice del forum l'avatar dell'ultima persona che ha scritto un messaggio

Messaggio Da Insane il Mar 7 Gen 2014 - 15:17

Ciao non si chiede assistenza qui. Apri un argomento e chiedo aiuto grazie :zen:

Saluti
Insane :good:
avatar
Insane
Aiutattivo
Aiutattivo

Sesso : Maschile
Età : 25
Messaggi : 3926
Località : Varese


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

Re: Come rendere visibile sull'indice del forum l'avatar dell'ultima persona che ha scritto un messaggio

Messaggio Da gandalf77 il Mar 7 Gen 2014 - 16:19

Scusatemi... Cmq risolto. Grazie

gandalf77
**
**

Messaggi : 53

Vedere il profilo dell'utente http://passionetennis.asiafreeforum.com
gandalf77 è 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