Avatares do usuário em "última mensagem"

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Avatares do usuário em "última mensagem"

Mensagem por ScreeNCG em 20/10/13, 06:41 pm

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

ScreeNCG
Nível 7

Masculino
Inscrito dia : 03/10/2013
Mensagens : 86
Pontos Ativos : 203

Ver perfil do usuário http://brasilgames.umforum.net/

Resolvido Re: Avatares do usuário em "última mensagem"

Mensagem por GSCode em 20/10/13, 06:44 pm

Olá,

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

Abraços...
avatar

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 590
Pontos Ativos : 1031

Ver perfil do usuário http://testforumbrasil.forumeiros.com/forum

Resolvido Re: Avatares do usuário em "última mensagem"

Mensagem por ScreeNCG em 20/10/13, 06:48 pm

ThuuG escreveu:Olá,

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

Abraços...
Universal Fórum...

ScreeNCG
Nível 7

Masculino
Inscrito dia : 03/10/2013
Mensagens : 86
Pontos Ativos : 203

Ver perfil do usuário http://brasilgames.umforum.net/

Resolvido Re: Avatares do usuário em "última mensagem"

Mensagem por GSCode em 20/10/13, 06:59 pm

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...
avatar

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 590
Pontos Ativos : 1031

Ver perfil do usuário http://testforumbrasil.forumeiros.com/forum

Resolvido Re: Avatares do usuário em "última mensagem"

Mensagem por ScreeNCG em 20/10/13, 07:12 pm

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

ScreeNCG
Nível 7

Masculino
Inscrito dia : 03/10/2013
Mensagens : 86
Pontos Ativos : 203

Ver perfil do usuário http://brasilgames.umforum.net/

Resolvido Re: Avatares do usuário em "última mensagem"

Mensagem por GSCode em 20/10/13, 07:14 pm

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...
avatar

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 590
Pontos Ativos : 1031

Ver perfil do usuário http://testforumbrasil.forumeiros.com/forum

Resolvido Re: Avatares do usuário em "última mensagem"

Mensagem por ScreeNCG em 20/10/13, 07:49 pm

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

ScreeNCG
Nível 7

Masculino
Inscrito dia : 03/10/2013
Mensagens : 86
Pontos Ativos : 203

Ver perfil do usuário http://brasilgames.umforum.net/

Resolvido Re: Avatares do usuário em "última mensagem"

Mensagem por GSCode em 20/10/13, 07:57 pm

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...
avatar

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 590
Pontos Ativos : 1031

Ver perfil do usuário http://testforumbrasil.forumeiros.com/forum

Resolvido Re: Avatares do usuário em "última mensagem"

Mensagem por Uatyla em 20/10/13, 10:51 pm

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 ***/
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Avatares do usuário em "última mensagem"

Mensagem por First em 20/10/13, 11:27 pm

Olá,

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


Até mais,
Passar bem. Piscada 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum