Avatar ao lado de ultima mensagem

2 participantes

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

Tópico resolvido Avatar ao lado de ultima mensagem

Mensagem por pyrohinotama 28.04.13 22:37

Qual é minha questão:
Avatar ao lado de ultima mensagem KCK7Ruw

gstaria de que ao lado das ultimas mensagem aparecesse o avatar que nem na imagem acima, lembrando que meu forum é phpBB2

Endereço do meu fórum:
http://rpgadventure.umforum.net

Versão do fórum:
PHPBB2


Última edição por pyrohinotama em 28.04.13 23:16, editado 1 vez(es)
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar ao lado de ultima mensagem

Mensagem por Quakeeline 28.04.13 22:54

Olá,

Crie um Novo JS com este código

Código:
$(document).on('ready', function() {
$('table.forumline[width="100%"][border="0"] tbody tr td.row3.over').prepend('<div class="avat-miembro"><div>');
$('table.forumline[width="100%"][border="0"] tbody tr td.row3.over .avat-miembro').each(function () {
var profileUserURL = $(this).parent().find('span strong a').attr('href');
$(this).html('<a href="' + profileUserURL + '" class="avat-miembro-enlace"><img src="Endereço-da-imagem" alt="No Avatar" /></a>');
$(this).children('a').load(profileUserURL + ' table[width="100%"][border="0"] td[width="300"][valign="top"] table.forumline[width="100%"][border="0"] td.row1.gensmall[align="center"] img:eq(0)')
});
});

Investimento: Em todas as páginas

Depois adiciona este código em sua Folha de estilo CSS

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

Até
Quakeeline

Quakeeline
***

Membro desde : 26/04/2013
Mensagens : 190
Pontos : 290

http://lfdesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar ao lado de ultima mensagem

Mensagem por pyrohinotama 28.04.13 23:05

o codigo funcionou, mas tem como colocar aquela borda ao redor, e tambem organizar melhor as informações,acho que a imagem devia ser um pouco maior e em formato de retangulo e não de quadrado.

Avatar ao lado de ultima mensagem Weno6ES
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar ao lado de ultima mensagem

Mensagem por Quakeeline 28.04.13 23:07

Olá,

Me informe o fórum aonde viu daquele modelo

Até
Quakeeline

Quakeeline
***

Membro desde : 26/04/2013
Mensagens : 190
Pontos : 290

http://lfdesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar ao lado de ultima mensagem

Mensagem por pyrohinotama 28.04.13 23:10

http://hexusgames.forumeiros.com/forum

quanto ao tamanho da imagem: eu ja resolvi, coloquei 40 de largura e 73 de altura.
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar ao lado de ultima mensagem

Mensagem por Quakeeline 28.04.13 23:13

Olá,

Substitua o código da Folha de estilo CSS por este

Código:
        .avat-miembro {
        float: left;
        }
.avat-miembro img {
    border: 1px solid rgb(207, 207, 207);
    float: left;
    height: 73px;
    margin: 0px 5px;
    padding: 1px;
    width: 40px;
}

Até
Quakeeline

Quakeeline
***

Membro desde : 26/04/2013
Mensagens : 190
Pontos : 290

http://lfdesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar ao lado de ultima mensagem

Mensagem por pyrohinotama 28.04.13 23:16

ae ficou bom, valeu Quakeline Feliz
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

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