• Descrição:
  

Olá, eu queria saber como posso colocar avatar (Última mensagem) nos fóruns vazios sem atrapalhar os sub-fóruns.
Na foto 01 eu quero colocar os avatares nos fóruns que não tem tópicos ainda (Fórum com tópico vazio).
Na foto 02 quero que continue o avatar sem ser retirado.

Fotos.
Foto 01 (Fórum): https://i.servimg.com/u/f39/18/65/52/93/a112.png
Foto 02 (Sub-Fórum): https://i.servimg.com/u/f39/18/65/52/93/a210.png

Código que usei para ter o avatar em última mensagem.

Código CSS:

Código:

.mini_ava {
     float: left;
   }

.mini_ava img {
     width: 40px;
     height: 40px;
     margin: 4 5px;
     border-radius: 2px;
     transition: all 1s;
     -moz-transition: all 1s;
     -webkit-transition: all 1s;
     -o-transition: all 1s;
   }

Código JS:

Código:

$(function(){
    
      if(!window.localStorage) return;
    
      // Avatar par défaut
        var default_avatar= 'http://cdn1.iconfinder.com/data/icons/basicset/user_64.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 .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);
        };
    
  });

• Informações:
  

RuitherR escreveu:

• Descrição:
  

Código CSS:

Código:

.mini_ava {
     float: left;
   }

.mini_ava img {
     width: 40px;
     height: 40px;
     margin: 4 5px;
     border-radius: 2px;
     transition: all 1s;
     -moz-transition: all 1s;
     -webkit-transition: all 1s;
     -o-transition: all 1s;
   }

Código JS:

Código:

$(function(){
    
      if(!window.localStorage) return;
    
      // Avatar par défaut
        var default_avatar= 'http://cdn1.iconfinder.com/data/icons/basicset/user_64.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 .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);
        };
    
  });

Código:

$(function(){
   
      if(!window.localStorage) return;
   
      // Avatar par défaut
        var default_avatar= 'http://cdn1.iconfinder.com/data/icons/basicset/user_64.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 .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);
        };
jQuery(document).ready(function(){jQuery('.topiclist.forums .row .lastpost').prepend('<div class="avatar-index"><div>');
jQuery('.topiclist.forums .row .lastpost .avatar-index').each(function(){var profileUserURL=jQuery(this).parent().children('span').children('strong').children('a').attr('href');jQuery(this).html('<a href="/profile?mode=editprofile&page_profil=avatars" class="sem_avatar"><img src="http://cdn1.iconfinder.com/data/icons/basicset/user_64.png" alt="Sem avatar" /></a>');jQuery(this).children('a').load(profileUserURL+' .module:eq(0) img:eq(0)');});});
   
  });

Código:

a.sem_avatar img {
    float: left;
  }
.mini_ava img {
   display: none;
}
a.sem_avatar img  {
    width: 40px;
    height: 40px;
    margin: 4 5px;
    border-radius: 2px;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}