[ Duvida ] Avatar na index

Código:

.mini_ava {
float: left;
}
.mini_ava img {
  width: 40px;
  height: 40px;
  background: #F4F4F4;
  border: 1px solid #DDD;
  margin: 0 5px;
  padding: 1px;
}

bom no caso alguem poderia auxiliar-me a como fazer o efeito dos avatares na index do fórum na "versão do meu tema "?

Código:

$(document).on('ready', function() {
$('.topiclist.forums .row .lastpost').prepend('<div class="avat-miembro"><div>');
$('.topiclist.forums .row .lastpost .avat-miembro').each(function () {
var profileUserURL = $(this).parent().children('span').children('strong').children('a').attr('href');
$(this).html('<a href="' + profileUserURL + '" class="avat-miembro-enlace"><img src="http://i38.servimg.com/u/f38/14/38/92/90/forumo10.png" alt="Sem avatar" /></a>');
$(this).children('a').load(profileUserURL + ' .module:eq(0) img:eq(0)')
});
});

Código:

.avat-miembro{padding:1px;border:1px solid #eee;background:F4F4F4; float:left; margin: 2px}.avat-miembro img{width:30px;height:30px}

Código:

jQuery(document).ready(function(){
       
    if(!window.localStorage) return;
 
    // Avatar par défaut
    var default_avatar= 'http://2img.net/i/fa/invision/pp-blank-thumb.png';
 
    // Temps de cache, ici 24 h * 60 m * 60 s * 1000 ms donc un jour
    var caching_time= 24*60*60*1000;
 
    // Temps de cache d'une erreur, ici 60 s * 1000 ms donc une minute
    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  .main-content.clearfix.center img[alt]:eq(0)',d).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);
    };
 
});

https://i.servimg.com/u/f33/16/63/75/54/result11.png

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

Código:

.mini_ava {
float: left;
}
.mini_ava img {
width: 40px;
height: 40px;
margin: 0 5px;
border:1px solid black;
}