Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Galileu Galileu  • Sex 26 Jul 2013 - 15:29

Avatar do último membro que postou no tópico. Empty Avatar do último membro que postou no tópico. Sex 26 Jul 2013 - 15:29

Qual é minha questão:
Boas pessoal, estou faz alguns dias tentando resolver esse problema e até agora não consegui. Bom, estou tentando colocar um Avatar na área de "Última Mensagem", porém, todo código que testo dá algum erro ou bug. No caso do mais recentemente testado, há o seguinte problema:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

(Seta verde = Área correta)
(Seta vermelha = Área incorreta)

Percebam que o problema está nas informações da última mensagem, que estão aparecendo abaixo desta miniatura do avatar, sendo que deveriam aparecer ao lado. Acontece que se eu deixar como está, ocupará muito espaço e não quero isso.

Aqui está o código utilizado:

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
Invision

Daemon Daemon  • Sex 26 Jul 2013 - 15:38

Avatar do último membro que postou no tópico. Empty Re: Avatar do último membro que postou no tópico. Sex 26 Jul 2013 - 15:38

Poderia fornecer o código que utilizou para este efeito pra que possamos editá-lo?
Até mais!

Galileu Galileu  • Sex 26 Jul 2013 - 15:57

Avatar do último membro que postou no tópico. Empty Re: Avatar do último membro que postou no tópico. Sex 26 Jul 2013 - 15:57

Daemon escreveu:Poderia fornecer o código que utilizou para este efeito pra que possamos editá-lo?
Até mais!
 
Pois é, tentei colocar o código quando criei o tópico, mas, vosso editor de tópicos pré-post é antigo e deixou tudo junto. Infelizmente. Bom, aqui está o código.

[JavaScript]

Código:
$(function(){if(!window.localStorage)return;var default_avatar='http://i42.servimg.com/u/f42/17/62/49/09/pp-bla10.png';var caching_time=24*60*60*1000;var caching_error=60*1000;var set_avatar=function(id){$('.mini_ava.member'+id).html('<img src="'+get_avatar(id)+'" />')};var get_avatar=function(id){if(localStorage.getItem('t_ava'+id)<+new Date-caching_time||(localStorage.getItem('d_ava'+id)==default_avatar&&localStorage.getItem('t_ava'+id)<+new Date-caching_error)){localStorage.setItem('d_ava'+id,default_avatar);$.get('/u'+id,function(d){localStorage.setItem('t_ava'+id,+new Date);localStorage.setItem('d_ava'+id,$('#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img',d).first().attr('src')||default_avatar);set_avatar(id)})}return localStorage.getItem('d_ava'+id)};var to_replace={};$('dd.lastpost strong a.gensmall, .ipbtable tr td:last-child span strong a.gensmall, .table td.tcr strong a.gensmall, .forumline .row3.over strong a.gensmall').each(function(){to_replace[$(this).attr('href').substr(2)]=1;$(this).closest('td,dd').prepend('<div class="mini_ava member'+$(this).attr('href').substr(2)+'"></div>')});for(i in to_replace){set_avatar(i)}});


[CSS]


Código:
.mini_ava img { 
  width: 40px; 
  height: 40px; 
  border:none; 
  box-shadow: #000 0px 0px 3px; 
  margin: 5px; 
  border-radius: 10px; } 

.mini_ava { float: none; }

Conteúdo patrocinado  • 

Avatar do último membro que postou no tópico. Empty Re: Avatar do último membro que postou no tópico.

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