Posicionar avatar ao lado das informações do lastpost

3 participantes

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

Tópico resolvido Posicionar avatar ao lado das informações do lastpost

Mensagem por Shankz 09.09.12 22:16

Qual é minha questão:
Continuação do seguinte tópico ...
https://ajuda.forumeiros.com/t66190-

Gostaria de posicionar o avatar ao lado das informações do lastpost, como mostrado na imagem abaixo
https://2img.net/r/ihimizer/img407/9357/semttulokg.png

Grato.

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://gztest.forumeiros.com/forum

Versão do meu fórum:
PHPBB3


Última edição por Shankz em 10.09.12 17:24, editado 1 vez(es)
Shankz

Shankz
****

Membro desde : 07/09/2012
Mensagens : 273
Pontos : 406

http://gztest.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar avatar ao lado das informações do lastpost

Mensagem por Convidado 09.09.12 22:20

Boas,
também queri eu li o tópico em que criou e fiz o mesmo só que ficou acima tou dando uma olhada no código se eu achar a posição eu estarei te passando Piscada
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar avatar ao lado das informações do lastpost

Mensagem por Alcohol 09.09.12 22:29

Ola,
tente este codigo:
Código:
jQuery(document).ready(function(){jQuery("tbody.statused tr td.tcr span:not(tbody.statused tr td.tcr a span)").each(function(){var link=jQuery(this).find('a:eq(0)').attr('href'),j=jQuery(this);jQuery.get(link,function(data){var i=jQuery('.user-ident a img[alt]:last',data).attr('src'),k=jQuery('.user h4.username a:last',data).attr('href');jQuery(j).prepend('<a href="'+k+'" id="avatar-lastpost" style=float:left;padding-right:5px><img src="'+i+'" /></a>')})})});
Coloque no lugar do atual que você esta usando
avatar

Alcohol
Hiper Membro

Membro desde : 29/03/2011
Mensagens : 2858
Pontos : 3794

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar avatar ao lado das informações do lastpost

Mensagem por Convidado 09.09.12 22:34

Katy Perry escreveu:Ola,
tente este codigo:
Código:
jQuery(document).ready(function(){jQuery("tbody.statused tr td.tcr span:not(tbody.statused tr td.tcr a span)").each(function(){var link=jQuery(this).find('a:eq(0)').attr('href'),j=jQuery(this);jQuery.get(link,function(data){var i=jQuery('.user-ident a img[alt]:last',data).attr('src'),k=jQuery('.user h4.username a:last',data).attr('href');jQuery(j).prepend('<a href="'+k+'" id="avatar-lastpost" style=float:left;padding-right:5px><img src="'+i+'" /></a>')})})});
Coloque no lugar do atual que você esta usando
Boas,
este códigos nem funcionas!
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar avatar ao lado das informações do lastpost

Mensagem por Shankz 09.09.12 22:58

Olá,

O código fornecido não resulta, modifiquei meu código e consegui arrumar, para quem também precisa ...
Código:
jQuery(document).ready(function() { jQuery(".row dd.lastpost").each(function() { var link = jQuery(this).find('a:eq(0)').attr('href'), j = jQuery(this); jQuery.get(link,function(data) { var u = jQuery(".postprofile dl dt a img[alt]:last", data).attr('src'), k = jQuery(".postprofile dl dt a:last", data).attr('href'); jQuery(j).prepend('<a href="' + k + '" id="avatar-lastpost"style=float:left;padding-right:5px><img src="' + u + '" /></a>'); }); }); });

Obrigado a todos pela atenção, até mais Piscada
Shankz

Shankz
****

Membro desde : 07/09/2012
Mensagens : 273
Pontos : 406

http://gztest.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar avatar ao lado das informações do lastpost

Mensagem por Humberto Lopes 10.09.12 17:04

Olá,

Teria como redimensionar a imagem?
Fiz aqui no meu fórum, mas os avatares ficaram muito grande.

Olhe a imagem: https://imgur.com/rd6ln


Grato, Humberto.


Última edição por Humberto Lopes em 10.09.12 17:05, editado 1 vez(es) (Motivo da edição : adicionar imagem)
Humberto Lopes

Humberto Lopes
***

Membro desde : 25/05/2012
Mensagens : 162
Pontos : 235

http://espacomanager.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar avatar ao lado das informações do lastpost

Mensagem por Shankz 10.09.12 17:23

Olá,

Aceda à Painel de controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo css
#avatar-lastpost img {
width: 43px !important;
height:43px !important;
border: 1px solid #171717;
}
#avatar-lastpost img:hover {
border: 1px solid black;
}

Adicione o código acima e salve! Até mais Piscada
Shankz

Shankz
****

Membro desde : 07/09/2012
Mensagens : 273
Pontos : 406

http://gztest.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar avatar ao lado das informações do lastpost

Mensagem por Humberto Lopes 10.09.12 17:29

Shankz escreveu:Olá,

Aceda à Painel de controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo css
#avatar-lastpost img {
width: 43px !important;
height:43px !important;
border: 1px solid #171717;
}
#avatar-lastpost img:hover {
border: 1px solid black;
}

Adicione o código acima e salve! Até mais Piscada


Obrigado, ficou perfeito.

Vlw.


Att, Humberto
Humberto Lopes

Humberto Lopes
***

Membro desde : 25/05/2012
Mensagens : 162
Pontos : 235

http://espacomanager.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar avatar ao lado das informações do lastpost

Mensagem por Convidado 10.09.12 17:33

Boas,
este códigos deixão o fórum mais lerdo não recomendo este tipo de efeito!
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar avatar ao lado das informações do lastpost

Mensagem por Humberto Lopes 10.09.12 17:41

-FireWhip- escreveu:Boas,
este códigos deixão o fórum mais lerdo não recomendo este tipo de efeito!

Aqui esta rodando legal.
Humberto Lopes

Humberto Lopes
***

Membro desde : 25/05/2012
Mensagens : 162
Pontos : 235

http://espacomanager.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