Avatar na última resposta dessa forma

Qual é minha questão:
Olá,

Gostaria de configurar o avatar como na imagem. Padronizado 50 x 85 e com os tópicos e mensagens abaixo do usuário.



agradeço a colaboração

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

Versão do fórum:
PHPBB3

Olá,

Veja este tutorial: https://ajuda.forumeiros.com/t70587-

Cordialmente,
The Boss

Os tópicos e mensagens, Boss, não ficam abaixo do nome do membro nesse e ele fica no mesmo quadro - a questão do quadro, eu não sei se ele fez em separado ou aumentou o tamanho do quadro e subdividiu... provavelmente, há última - creio que seja uma aplicação de estilo.

Olá,

Tente este outro código:
CSS:

Código:

.mini_ava img:hover {
width: 80px;
height: 150px;
}
.mini_ava img {
width: 40px;
height: 75px;
margin: 0 5px;
border-radius: 10px;
transition: all 1s;
-moz-transition: all .1s;
-webkit-transition: all .1s;
-o-transition: all .1s;
}

Javascript

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

Cordialmente,
The Boss

não, boss. Esse não tem nada haver - é com efeito
o que eu quero é fixo a esquerda da mensagem, mas com uma separação - ai é só ajustar por distância creio. Com a mensagem no topo, data etc, usuario e abaixo do usuario as categorias e mensagens...

Olá,

Este código faz exatamente isso, deixa a image à esquerda das informações, retirei do meu próprio fórum que possui a mesma configuração de avatar.

Cordialmente,
The Boss

vou usar o primeiro e depois que eu ajustar a outra parte eu edito ele.