Como Fazer Este Efeito no Fórum

[[S]herlock]

Bem , andei visitando alguns fóruns , e vi um , com este efeito , que aparece no fórum ( index ) , do lado do nome do topico , o avatar do membro , queria saber como eu faço :

---

Fórum: http://www.bpchampions.forumeiros.com (phpBB 3)

[iHeloaD]

Olá!

senhor crie uma página de javascript e com conteúdo adicione este código

Código:

$(document).on('ready', function() {
        $('.topiclist.forums .row .lastpost').prepend('<div class="avatar-index"><div>');
        $('.topiclist.forums .row .lastpost .avatar-index').each(function () {
            var profileUserURL = $(this).parent().children('span').children('strong').children('a').attr('href');
            $(this).html('<a href="' + profileUserURL + '" class="avatar-index-enlace"><img src="http://cdn1.iconfinder.com/data/icons/basicset/user_64.png" alt="No Avatar" /></a>');
            $(this).children('a').load(profileUserURL + ' .module:eq(0) img:eq(0)')
        });
    });

Investimentos: adicione em todas as páginas.
Depois vá até sua folha de estilo css e adicione este código

Código:

/* Avatar em lastpost */
.avatar-index { float: left; }
.avatar-index img { width: 40px; height: 40px; padding: 1px; border: 1px solid #cfcfcf; margin: 0 5px;padding: 1px;}
/* Fim do avatar em lastpost */

depois salve.

Até Mais.

[[S]herlock]

Obrigado iStriker , me ajudou muito !