Posicionar avatar ao lado das informações do lastpost

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

Resolvido Posicionar avatar ao lado das informações do lastpost

Mensagem por Shankz em 09/09/12, 06:16 pm

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

Gostaria de posicionar o avatar ao lado das informações do lastpost, como mostrado na imagem abaixo
http://img407.imageshack.us/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, 01:24 pm, editado 1 vez(es)
avatar

Shankz
Nível 10

Masculino
Inscrito dia : 07/09/2012
Mensagens : 273
Pontos Ativos : 406

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

Resolvido Re: Posicionar avatar ao lado das informações do lastpost

Mensagem por Convidado em 09/09/12, 06:20 pm

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

Convidado
Convidado


Resolvido Re: Posicionar avatar ao lado das informações do lastpost

Mensagem por Alcohol em 09/09/12, 06:29 pm

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
Usuário experiente

Masculino
Inscrito dia : 29/03/2011
Mensagens : 2723
Pontos Ativos : 3643

Ver perfil do usuário http://www.magazinevoce.com.br/magazinemamedez1/ http://www.magazinevoce.com.br/magazinemamedez1/ http://www.magazinevoce.com.br/magazinemamedez1/

Resolvido Re: Posicionar avatar ao lado das informações do lastpost

Mensagem por Convidado em 09/09/12, 06:34 pm

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!

Convidado
Convidado


Resolvido Re: Posicionar avatar ao lado das informações do lastpost

Mensagem por Shankz em 09/09/12, 06:58 pm

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
avatar

Shankz
Nível 10

Masculino
Inscrito dia : 07/09/2012
Mensagens : 273
Pontos Ativos : 406

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

Resolvido Re: Posicionar avatar ao lado das informações do lastpost

Mensagem por Humberto Lopes em 10/09/12, 01:04 pm

Olá,

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

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


Grato, Humberto.


Última edição por Humberto Lopes em 10/09/12, 01:05 pm, editado 1 vez(es) (Razão : adicionar imagem)
avatar

Humberto Lopes
Nível 9

Masculino
Inscrito dia : 25/05/2012
Mensagens : 162
Pontos Ativos : 235

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

Resolvido Re: Posicionar avatar ao lado das informações do lastpost

Mensagem por Shankz em 10/09/12, 01:23 pm

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
avatar

Shankz
Nível 10

Masculino
Inscrito dia : 07/09/2012
Mensagens : 273
Pontos Ativos : 406

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

Resolvido Re: Posicionar avatar ao lado das informações do lastpost

Mensagem por Humberto Lopes em 10/09/12, 01:29 pm

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

Humberto Lopes
Nível 9

Masculino
Inscrito dia : 25/05/2012
Mensagens : 162
Pontos Ativos : 235

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

Resolvido Re: Posicionar avatar ao lado das informações do lastpost

Mensagem por Convidado em 10/09/12, 01:33 pm

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

Convidado
Convidado


Resolvido Re: Posicionar avatar ao lado das informações do lastpost

Mensagem por Humberto Lopes em 10/09/12, 01:41 pm

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

Aqui esta rodando legal.
avatar

Humberto Lopes
Nível 9

Masculino
Inscrito dia : 25/05/2012
Mensagens : 162
Pontos Ativos : 235

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

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