Avatares do usuário em "última mensagem"

Qual é minha questão:
Olá,

Gostaria de deixar assim nas mensagens de meu fórum:


Como eu coloco o avatar do usuário na "última mensagem" do tópico?
Preciso muito disso para inovar o fórum.

Grato por ler!

Endereço do meu fórum:
http://gameschock.ace.st

Versão do fórum:
PHPBB3

Olá,

Poderia me informar o Fórum que viu o Widget?

Abraços...

ThuuG escreveu:Olá,

Poderia me informar o Fórum que viu o Widget?

Abraços...

Universal Fórum...

1º - Adição do código no widget:
Cada versão tem um código, então terá somente de escolher o da sua versão! A parte em vermelho terá de ser configurada, mas ela será explicada mais para o fim deste pontos.

Código:

jQuery(document).on('ready', function() {
jQuery('.topiclist.forums .row .lastpost').prepend('<div class="avat-miembro"><div>');
jQuery('.topiclist.forums .row .lastpost .avat-miembro').each(function () {
var profileUserURL = jQuery(this).parent().children('span').children('strong').children('a').attr('href');
jQuery(this).html('<a href="' + profileUserURL + '" class="avat-miembro-enlace"><img src="Endereço-da-imagem" alt="No Avatar" /></a>');
jQuery(this).children('a').load(profileUserURL + ' .module:eq(0) img:eq(0)')
});
});

2º - Aplicação do código:
Aceda à:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts

Código:

.avat-miembro {
float: left;
}
.avat-miembro img {
width: 40px;
height: 40px;
padding: 1px;
margin: 0 5px;
border-radius: 10px
}

Abraços...

O código não funfou, amigo...

Desculpe-me pelo erro, Mais aqui nesse código, Adicione como JavaScript:

Código:

jQuery(document).on('ready', function() {
jQuery('.topiclist.forums .row .lastpost').prepend('<div class="avat-miembro"><div>');
jQuery('.topiclist.forums .row .lastpost .avat-miembro').each(function () {
var profileUserURL = jQuery(this).parent().children('span').children('strong').children('a').attr('href');
jQuery(this).html('<a href="' + profileUserURL + '" class="avat-miembro-enlace"><img src="Endereço-da-imagem" alt="No Avatar" /></a>');
jQuery(this).children('a').load(profileUserURL + ' .module:eq(0) img:eq(0)')
});
});

Abraços...

Não sei se é problema no meu fórum, mas nenhum funcionou aqui...

Acabei de checar, Versão do seu Fórum é PunBB, Preste mais atenção.

Subistitua esse JavaScript que lhe passei anteriormente por esse:

Código:

jQuery(document).on('ready', function() {
jQuery('td.tcr').prepend('<div class="avat-miembro"><div>');
jQuery('td.tcr .avat-miembro').each(function () {
var profileUserURL = jQuery(this).parent().children('span').children('strong').children('a').attr('href');
jQuery(this).html('<a href="' + profileUserURL + '" class="avat-miembro-enlace"><img src="Endereço-da-imagem" alt="No Avatar" /></a>');
jQuery(this).children('a').load(profileUserURL + ' .module:eq(0) img:eq(0)')
});
});

Subistitua a CSS que lhe passei anteriormente por essa:

Código:

.avat-miembro {
    float: left;
    }
    .avat-miembro img {
    width: 40px;
    height: 40px;
    padding: 1px;
    margin: 0 5px;
    border-radius: 10px
    }

Não tem como não funcionar, Utilizo e não vejo problemas, Caso queira checar:
Clique aqui / Fórum Brasil

Abraços...

Tente esse! Eu uso ela no meu fórum, funciona normal.

HTML & JAVASCRIPT » Gestão dos códigos JavaScript » Criar novo JV

Código:

jQuery(document).on('ready', function() {
        jQuery('.topiclist.forums .row .lastpost').prepend('<div class="avat-miembro"><div>');
        jQuery('.topiclist.forums .row .lastpost .avat-miembro').each(function () {
        var profileUserURL = jQuery(this).parent().children('span').children('strong').children('a').attr('href');
        jQuery(this).html('<a href="' + profileUserURL + '" class="avat-miembro-enlace"><img src="Endereço-da-imagem" alt="No Avatar" /></a>');
        jQuery(this).children('a').load(profileUserURL + ' .module:eq(0) img:eq(0)')
        });
        });

Na sua folha de CSS

Código:

/*** imagem na postagem fórum ***/

        .avat-miembro {
                float: left;
                }
                .avat-miembro img {
                width: 40px;
                height: 40px;
                padding: 1px;
                margin: 0 5px;
                border-radius: 10px
                }
/*** imagem na postagem fórum fim ***/

Olá,

Senhor, queria chegar por gentileza:
[TUTORIAL] Avatar do último membro que postou no tópico


Até mais,
Passar bem.