Avatares do usuário em "última mensagem"

4 participantes

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

Tópico resolvido Avatares do usuário em "última mensagem"

Mensagem por ScreeNCG 20.10.13 21:41

Qual é minha questão:
Olá,

Gostaria de deixar assim nas mensagens de meu fórum:
mensagem - Avatares do usuário em "última mensagem" FugYcmY

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
avatar

ScreeNCG
**

Membro desde : 03/10/2013
Mensagens : 86
Pontos : 203

http://brasilgames.umforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatares do usuário em "última mensagem"

Mensagem por GSCode 20.10.13 21:44

Olá,

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

Abraços...
GSCode

GSCode
Membro

Membro desde : 11/10/2013
Mensagens : 591
Pontos : 1031

http://testforumbrasil.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatares do usuário em "última mensagem"

Mensagem por ScreeNCG 20.10.13 21:48

ThuuG escreveu:Olá,

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

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

ScreeNCG
**

Membro desde : 03/10/2013
Mensagens : 86
Pontos : 203

http://brasilgames.umforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatares do usuário em "última mensagem"

Mensagem por GSCode 20.10.13 21:59

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

GSCode
Membro

Membro desde : 11/10/2013
Mensagens : 591
Pontos : 1031

http://testforumbrasil.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatares do usuário em "última mensagem"

Mensagem por ScreeNCG 20.10.13 22:12

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

ScreeNCG
**

Membro desde : 03/10/2013
Mensagens : 86
Pontos : 203

http://brasilgames.umforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatares do usuário em "última mensagem"

Mensagem por GSCode 20.10.13 22:14

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

GSCode
Membro

Membro desde : 11/10/2013
Mensagens : 591
Pontos : 1031

http://testforumbrasil.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatares do usuário em "última mensagem"

Mensagem por ScreeNCG 20.10.13 22:49

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

ScreeNCG
**

Membro desde : 03/10/2013
Mensagens : 86
Pontos : 203

http://brasilgames.umforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatares do usuário em "última mensagem"

Mensagem por GSCode 20.10.13 22:57

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

GSCode
Membro

Membro desde : 11/10/2013
Mensagens : 591
Pontos : 1031

http://testforumbrasil.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatares do usuário em "última mensagem"

Mensagem por Uatyla 21.10.13 1:51

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

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatares do usuário em "última mensagem"

Mensagem por First 21.10.13 2:27

Olá,

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


Até mais,
Passar bem. Piscada 
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos