Avatar nos subfóruns do index

Qual é minha questão:
Olá,

Gostaria de saber como colocar a imagem (avatar) do ultimo postador, como na imagem abaixo:



https://2img.net/h/oi61.tinypic.com/xdawi1.jpg

Fórum onde vi: http://www.power-pixel.net/

Agradeço desde já.

Endereço do meu fórum:
http://tudosobrejogosbr.forumeiros.com

Versão do fórum:
PUNBB

Acho que é isso que você quer!
https://ajuda.forumeiros.com/t70587-tutorial-avatar-do-ultimo-membro-que-postou-no-topico

-wagh- escreveu:Acho que é isso que você quer!
https://ajuda.forumeiros.com/t70587-tutorial-avatar-do-ultimo-membro-que-postou-no-topico

Olá!

Exatamente isso, porém fiz tudo como está no tópico, e não obtive resultado.

Ola,
Crie um JavaScript com o seguinte codigo:

Código:

$(function(){
 
    if(!window.localStorage) return;
 
    Avatar por defecto
    var default_avatar= 'httpilliweb.comfainvisionpp-blank-thumb.png';
 
    Tiempo de cache, aqui 24 h  60 m  60 s  1000 ms entonces un día
    var caching_time= 2460601000;
 
    Tiempo de cache de un error, ici 60 s  1000 ms entonces un minuto
    var caching_error= 601000;
 
    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 .modulefirst div imgfirst,.forumline td.row1.gensmallfirst  img, .frm-set.profile-view.left dd img,dl.left-box.detailsfirst dd img, .row1 b .genfirst 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 tdlast-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);
    };
 
});

Até Mais...

Olá!
Tente utilizar este código com o Investimento marcado somente No índice(se quiser, pode marcar Em todas as páginas e assim o efeito também irá se aplicar nos sub-fóruns):

Código:

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

Adicione este código em sua folha de estilo CSS:

Código:

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

Resulta?


Cordialmente,
Engine404

Olá,

Deve-ser porque a versão do seu fórum não está disponível para o tutorial, algo do tipo, substituía o código do CSS por este;

Código:

jQuery(document).on('ready', function() {
jQuery('td.row1').prepend('<div class="avat-miembro"><div>');
jQuery('td.row1 .avat-miembro').each(function () {
var profileUserURL = jQuery(this).parent().children('span').children('strong').children('a').attr('href');
jQuery(this).html('<span></span>');
jQuery(this).children('a').load(profileUserURL + ' .module:eq(1) img:eq(0)')
});
});

Atenciosamente,
ShiroK

@JQuery_WD
Olá, tenho certeza de que você não testou este código!

---

Vamos aguardar o autor responder,

JS

@JQuery_WD Utilizei seu código e não obtive resultado.



@sasuky Obrigado! Seu código resultou !