Boas-vindas ao Power Pixel

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

Je4n Je4n  • Sáb 7 Dez 2013 - 12:46

Adicionar Avatar nas categorias Empty Adicionar Avatar nas categorias Sáb 7 Dez 2013 - 12:46

Qual é minha questão:
Olá, eu gostaria de saber como (o código) de adicionar os avatares ao lados dos nomes nas categorias, exemplo:

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]


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

Versão:
PunBB

Snow Snow  • Sáb 7 Dez 2013 - 12:58

Adicionar Avatar nas categorias Empty Re: Adicionar Avatar nas categorias Sáb 7 Dez 2013 - 12:58

Reputação da mensagem: 100% (1 votos)
 Amigo , é bem simples . 
Uma dica , da próxima vez use a forma de BUSCA !

Crie um novo javascript :

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"><img src="' + u + '" /></a>'); }); }); });

Depois adicione em seu css :

Código:
#avatar-lastpost img {width: 40px;height: 40px;background: white;padding: 3px;border: 1px solid gray;}#avatar-lastpost img:hover {border: 1px solid black;}

Resultou ?!


-------------------------------------------------
Te ajudei ? Clica em obrigado !
O dedo não vai cair !

GSCode GSCode  • Sáb 7 Dez 2013 - 13:29

Adicionar Avatar nas categorias Empty Re: Adicionar Avatar nas categorias Sáb 7 Dez 2013 - 13:29

Reputação da mensagem: 100% (1 votos)
Olá,
Crie um novo javascript!
Código:
jQuery(document).ready(function(){if(!window.localStorage)return;var default_avatar='http://2img.net/i/fa/invision/pp-blank-thumb.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)}});
Salve!

Depois aceda a sua css:
Código:
.mini_ava {
float: left;
}

.mini_ava img {
width: 40px;
height: 47px;
margin: 0 5px;
padding: 1px;
border: 1px solid #D5D5D5; 
}
Até +

Je4n Je4n  • Sáb 7 Dez 2013 - 13:44

Adicionar Avatar nas categorias Empty Re: Adicionar Avatar nas categorias Sáb 7 Dez 2013 - 13:44

Obrigado aos todos, porém apenas o que o Sr.iTrevaS mandou funcionou.

Grato. (Pode fechar).

[K]oke [K]oke  • Sáb 7 Dez 2013 - 13:48

Adicionar Avatar nas categorias Empty Membro Satisfeito! Sáb 7 Dez 2013 - 13:48

[sucesso=Tópico Resolvido; e Bloqueado]Membro Satisfeito![/sucesso]Movido para: Arquivo - Pedido de código

Conteúdo patrocinado  • 

Adicionar Avatar nas categorias Empty Re: Adicionar Avatar nas categorias

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