Avatar widgets últimos assuntos

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://kooo.forumeiros.com/

Descrição do problema

Pesquisei no fórum e só encontrei o tutorial para fóruns phpbb3. Gostaria de saber um código que funcionasse com PunBB.

Ps: Que fizesse o menor nº de requisições possíveis para evitar lentidão e request limited.



Obrigado!

Crie um novo JS com investimento em todas as páginas:

Código:

$(function() {
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-view dl dd img:eq(0)', function() {
$(this).children('img').attr('class','avt-wid');
});
$(this).find('a[href^="/u"]').insertBefore($(this));
});
sessionStorage.setItem('sAvatar', $('.avt-wid').html());
}
});

Depois cole o seguinte código em seu CSS:

Código:

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

Olá lucas,

Ele está buscando o ícone referente ao sexo do membro e não ao avatar do mesmo.

Kóóó

Boa tarde!

Nós já temos um tutorial a respeito do assunto: https://ajuda.forumeiros.com/t93895-

Atenciosamente,
Shek