Widget ultimos assuntos

Detalhes da questão

Endereço do fórum: http://fasp.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Boa noite gente bonita,
Estou utilizando o código repassado nesse tópico. Porém o fórum aloca o espaço para o avatar, mas não o carrega.

https://ajuda.forumeiros.com/t110351-widget-ultimo-assuntos-com-avatar?highlight=ultimos+assuntos

@edit Depois que coloquei esse script, o outro script que eu utilizava para ocultar os widgets nos tópicos parou de funcionar..

Olá,
Crie um novo Widget com este código:

Código:

         
<div class="main-content clearfix">
                <script>
jQuery(document).ready(function() {
 var members_top_posters = sessionStorage.getItem('members_top_posters');
 if(members_top_posters) {
  jQuery('#members_top_posters').html(members_top_posters);
 } else {
 jQuery.get('/memberlist?mode=posts&order=DESC&submit=Ok&username', function(d) {
  var members = jQuery('.table a[href^="/u"]:lt(5)', d);
  jQuery('#members_top_posters').html(members);
  jQuery('#members_top_posters').find('a[href^="/u"]').each(function() {
  jQuery(this).wrap('<div class="m_b"></div>');
  var post = jQuery(this).attr('href');
    jQuery(this).after('<span class="posts"></span>');
    jQuery(this).next().load(post+' .main #field_id-6 dd div', function() {
    jQuery(this).text(jQuery(this).text());
    sessionStorage.setItem('members_top_posters', jQuery('#members_top_posters').html());
    });
  });
 });
 }
});
</script>         
  <div id="members_top_posters">
                         
  </div><style>
#members_top_posters .m_b {
margin: 4px 0;
}
#members_top_posters .m_b:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#members_top_posters a span {text-decoration: none;}
#members_top_posters .m_b img {
-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: 30px;
margin: 0 3px;
padding: 1px;
width: 30px;
}
#members_top_posters .m_b img:hover {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
border-color: #666;
box-shadow: 0 2px 2px rgba(0,0,0,0.5);
}
#members_top_posters .posts {
display: block;
margin-top: 5px;
margin-left: 45px;
font: 11px helvetica, arial, sans-serif;
color: #777777;
}
#members_top_posters .posts:after {
content: ' mensagens';
}
</style>           
</div>
                                                   

Atenciosamente.

Adicionei o widget, porém continua a mesma coisa..

Olá @Hukers
Vamos por partes:

@edit Depois que coloquei esse script, o outro script que eu utilizava para ocultar os widgets nos tópicos parou de funcionar..

Isto já está arrumando?

Estou utilizando o código repassado nesse tópico. Porém o fórum aloca o espaço para o avatar, mas não o carrega.

Podias tirar um printscreen, para poder ver?

Atenciosamente,
pedxz

Quanto a primeira questão, sim, já está corrigido.
Quanto a segunda, ele alocava pois eu utilizava o widget padrão de últimos assuntos. Porém agora com a criação desse novo que você me pediu, ele nem mostra os tópicos. Segue abaixo a print.

Olá @Hukers,

Coloque novamente o código que usava, e deixe-o ativo para que eu consiga ver a melhor maneira de o adaptar.
Pois quando o código foi desenvolvido pelo amigo @JScript a versão ModernBB não era existente.

Fico no aguardo.

Colocado, Rafa..

Olá @Hukers!

Desculpe pela demora!

1º: Adicione este código à sua folha de estilos (CSS):

Código:

.avt-r img {
    background: #FFF none repeat scroll 0 0;
    border: 1px solid #D5D5D5!important;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    float: left;
    height: 38px;
    margin: 3px;
    padding: 1px;
    width: 38px;
    margin-right: 5px;
}

2º: Crie um novo Javascript com investimento em todas as páginas

Código:

$(function() {
  jQuery('.mod-recent-row').prepend('<div class="avt-r"><div>');
  jQuery('.mod-recent-row .avt-r').each(function(){
    var profileUserURL=jQuery(this).parent().find('.mod-recent-author').children('a').attr('href');
    jQuery(this).html('<a href="'+profileUserURL+'" class="avt-r-enlace"><img src="http://2img.net/i/fa/invision/pp-blank-thumb.png" alt="No Avatar" /></a>');
    jQuery(this).children('a').load(profileUserURL+' .mod-login-avatar img')
      })
    });

Cumprimentos

Bom, adicionei, ele funcionou mais ou menos. Ou seja, aparece a foto no primeiro tópico só e fica meio bugado o posicionamento..

Olá @Hukers!

Você tem a opção: Ativar o scrolling dos tópicos recentes, ativa? Da maneira que o código foi programado é necessário que essa opção esteja ativa. Marque "Sim", e diga-me se já funciona corretamente.

Se não quiser o scrolling ativo, diga-me que eu adapto o código.

Cumprimentos.

Maravilhoso Rafa. Te devo um beijo.
Obrigado