Posicionar avatar ao lado das informações do lastpost

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

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

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

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!

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

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.

Olá,

Aceda à Painel de controle Visualização Imagens e cores Cores 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

Shankz escreveu:Olá,

Aceda à Painel de controle Visualização Imagens e cores Cores 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

Obrigado, ficou perfeito.

Vlw.


Att, Humberto

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

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

Aqui esta rodando legal.