Boas-vindas ao Power Pixel

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

Avatar en los últimos temas

4 participantes

Início :: Forumeiros :: NostalgiaAvatar en los últimos temas

Hipster Hipster  • Sex 21 Mar 2014 - 23:03

Avatar en los últimos temas Empty Avatar en los últimos temas Sex 21 Mar 2014 - 23:03

Qual é minha questão:
Quisiera saber como poder poner los avatares de los users en los últimos temas:

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

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

Versão:
PunBB

Daemon Daemon  • Sáb 22 Mar 2014 - 11:59

Avatar en los últimos temas Empty Re: Avatar en los últimos temas Sáb 22 Mar 2014 - 11:59

Reputação da mensagem: 100% (1 votos)
Crie um novo código JavaScript com investimento em todas as páginas e adicione:
Código:
$(function() {
/*widget índice*/
if (location.pathname !== '/forum') {
$('#right').css({"height": "0px"});
$('#content').css('margin-right','0px');
}
/*últimos assuntos*/
var sAvatar = sessionStorage.getItem('avt-wid');

if(sAvatar) {
      $('.avt-wid').html(sAvatar);
} else {
var x = $('#left')[0]; // widget da esquerda;
var y = $('#right')[0]; // widget da direita;
$(y).find('.module .main-content a[href^="/t"]').each(function() {
var linkavt = $(this).next().next().attr('href');
var titleavt = $(this).next().next().text();
$(this).prepend('<a href="'+linkavt+'" title="'+titleavt+'"></a>');
$(this).children('a').load(linkavt +'#profile-advanced-right .module:eq(0) img:eq(0)', function() {
$(this).children('img').attr('class','avt-wid');
});
$(this).find('a[href^="/u"]').insertBefore($(this));
});
sessionStorage.setItem('sAvatar', $('.avt-wid').html());
}
});
O código já possui o código de widgets só no índice.


Até!

Hipster Hipster  • Sáb 22 Mar 2014 - 12:17

[S]herlock H. [S]herlock H.  • Sáb 22 Mar 2014 - 13:24

Avatar en los últimos temas Empty Re: Avatar en los últimos temas Sáb 22 Mar 2014 - 13:24

Reputação da mensagem: 100% (1 votos)
Adicione em sua folha de estilo css:
Código:

.avt-wid {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #D5D5D5!important;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
float: left;
height: 33px;
margin: 3px;
padding: 1px;
width: 33px;
}
.avt-wid:hover {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
border-color: #A1A1A1!important;
box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}

Até mais.

Hipster Hipster  • Sáb 22 Mar 2014 - 13:28

[F]lames [F]lames  • Sáb 22 Mar 2014 - 15:16

Avatar en los últimos temas Empty Re: Avatar en los últimos temas Sáb 22 Mar 2014 - 15:16

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

Conteúdo patrocinado  • 

Avatar en los últimos temas Empty Re: Avatar en los últimos temas

Início :: Forumeiros :: Nostalgia:: Avatar en los últimos temas
Permissões neste sub-fórum
Não podes responder a tópicos