Avatr nella pagina principale

Ieri ho risolto maggior parte dei miei problemi... adesso stavo provando ad aggiungere l'immagine dell'ultimo postatore come quello di FDF

Screen :


Il problema e che non funziona... non fa vedere neanche l'immagine e mi risulta tutto sballato!
Ce qualcuno che sappia aiutarmi...?

La seconda domanda ti ho già risposto in questo topic:
https://aiuto.forumattivo.it/t16849-arrotondamento-delle-immagini-nei-post

Saluti
Insane

ok scusate xD .... Adesso per favore mi aiutate su questo?

Hai attivo qualche altro codice? Potresti attivare il codice javascript senza inserire il codice CSS.

Saluti
Insane

Insane... Ho provato a mettere da una guida... ma mi sballa tutto q quindi ho cancellato sia css che javascript... Se potresti aiutarmi postando direttamente codice con arrotondamenti e tutto mi faresti un grande favore!

Il codice javascript da inserire è il seguente:

Codice:

$(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);
    };
 
});

Inserisci solo questo codice e seleziona Indice. Fai uno screen per farmi vedere il risultato.

Saluti
Insane

... Non va bene...Posto 2 screen:

1 Senza Passaggio del Mouse :
2 Con Passaggio del Mouse :

Se si può avere simile a quella del FDF

Ora posta il codice 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;
}

Saluti
Insane

No sempre la stessa cosa... Per me non dovrebbe allargare l'immagine al passaggio del mouse e dovrebbe avere gli angoli arrotondati! Solo Questo!

Allora inserisci il seguente codice Javascript:

Codice:

$(document).ready(function () {
  $('.topiclist.forums .lastpost').each(function(e) {
      var l = this.getElementsByTagName('strong')[0].firstChild.href;
      $(this).prepend('<span class="lp_avatar" id="lp_avatar'+e+'"></span>');
      $('#lp_avatar'+e).load(l+' #profile-advanced-right img:eq(0)');
    });
});

Saluti 
Insane

Non ho capito se levare il java di prima (l'ho levato!) Ma non va bene

Screen:

Si cancella il codice di prima che ti ho detto e metti l'ultimo, poi metti questo codice CSS:

Codice:

.lp_avatar {
  padding: 2px;
  margin: 0 5px;
border-radius: 3px;
  float: left;
}
.lp_avatar img {
  height: 40px;
  width: 40px;
border-radius: 3px;
}

Saluti 
Insane

Ok adesso funziona alla Grande!!! Potete chiudere e io Metto Risolto :)

Perfetto, sposto e chiudo.

Saluti
Insane