Widget top postadores com avatar redondo

Detalhes da questão

Endereço do fórum: http://bl-rpg.forumeiros.com
Versão do fórum: phpBB3

Descrição

Procurei em diversos locais e não encontrei, poderiam me ajudar?

Eu gostaria deste sistema, aparecer a Foto, Nick e Quantidade de posts do usuário. A foto redondinha desta forma.

https://i.imgur.com/WBagK2C.jpg

https://ajuda.forumeiros.com/t108335-widget-top-postadores-com-avatar-redondo

Tinha criado esse tópico, mais não pegou depois... devo ter mexido em algo,deletei o Widget já

Olá autor, bom dia.

veja esse tópico: https://ajuda.forumeiros.com/t106208-personalizar-widget-top-postadores

Até mais.

while escreveu:Olá autor, bom dia.

veja esse tópico: https://ajuda.forumeiros.com/t106208-personalizar-widget-top-postadores

Até mais.

Não consegui mano, fica tudo branco em baixo

Beleza, esqueça todos esses passos do tópico citado , até exclua esse widget, faremos com puro Javascript o efeito então.

Crie um novo javascript com investimento em todas as paginas com esse código:

Código:

$(function() {
$('head').append(
'<style type="text/css">' +
'.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 #d8d8d8;' +
'box-shadow: 0 2px 2px rgba(0,0,0,0.1);' +
'float: left;' +
'height: 25px;' +
'margin-right: 5px;' +
'padding: 1px;' +
'width: 25px;' +
'border-radius: 30px;' +
'}' +
'tbody > tr > td > div > div > table > tbody > tr > td:nth-child(2) {' +
'display: none;' +
'}' +
'tbody > tr > td > div > div > table > tbody > tr > td > span:after {' +
'content:"posts";' +
'margin-left:3px;' +
'}' +
'.module .main-content td.row2 {' +
'display: block;' +
'}' +
'</style>'
);
$('tbody tr td div table[summary="Top dos mais postadores"] a[href^="/u"]').each(function() {
var linkavt = $(this).attr('href');
$(this).before(
    '<img src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" alt="no_photo" class="avt-wid" />'
    );
    var oImg = $(this).prev();
    var user = sessionStorage.getItem(linkavt);
    if(user) {
      oImg.attr('src', user);
    } else {
      $.get(linkavt, function(data){
          var image = $('#profile-advanced-right .main-content img:first', data).attr('src');
                oImg.attr('src', image);
                sessionStorage.setItem(linkavt, image);
      });
    }
});
$('.module .main-content td[nowrap]').each(function() {
  $(this).html($(this).attr('title'));
});
});

while escreveu:Beleza, esqueça todos esses passos do tópico citado , até exclua esse widget, faremos com puro Javascript o efeito então.

Crie um novo javascript com investimento em todas as paginas com esse código:

Código:

$(function() {
$('head').append(
'<style type="text/css">' +
'.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 #d8d8d8;' +
'box-shadow: 0 2px 2px rgba(0,0,0,0.1);' +
'float: left;' +
'height: 25px;' +
'margin-right: 5px;' +
'padding: 1px;' +
'width: 25px;' +
'border-radius: 30px;' +
'}' +
'tbody > tr > td > div > div > table > tbody > tr > td:nth-child(2) {' +
'display: none;' +
'}' +
'tbody > tr > td > div > div > table > tbody > tr > td > span:after {' +
'content:"posts";' +
'margin-left:3px;' +
'}' +
'.module .main-content td.row2 {' +
'display: block;' +
'}' +
'</style>'
);
$('tbody tr td div table[summary="Top dos mais postadores"] a[href^="/u"]').each(function() {
var linkavt = $(this).attr('href');
$(this).before(
    '<img src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" alt="no_photo" class="avt-wid" />'
    );
    var oImg = $(this).prev();
    var user = sessionStorage.getItem(linkavt);
    if(user) {
      oImg.attr('src', user);
    } else {
      $.get(linkavt, function(data){
          var image = $('#profile-advanced-right .main-content img:first', data).attr('src');
                oImg.attr('src', image);
                sessionStorage.setItem(linkavt, image);
      });
    }
});
$('.module .main-content td[nowrap]').each(function() {
  $(this).html($(this).attr('title'));
});
});

Pronto, primeira parte deu certo

https://2img.net/u/2617/31/90/74/avatars/1-40.png

Só que a foto do perfil ta todas assim

Troque por este:

Código:

$(function() {
$('head').append(
'<style type="text/css">' +
'.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 #d8d8d8;' +
'box-shadow: 0 2px 2px rgba(0,0,0,0.1);' +
'float: left;' +
'height: 25px;' +
'margin-right: 5px;' +
'padding: 1px;' +
'width: 25px;' +
'border-radius: 30px;' +
'}' +
'tbody > tr > td > div > div > table > tbody > tr > td:nth-child(2) {' +
'display: none;' +
'}' +
'tbody > tr > td > div > div > table > tbody > tr > td > span:after {' +
'content:"posts";' +
'margin-left:3px;' +
'}' +
'.module .main-content td.row2 {' +
'display: block;' +
'}' +
'</style>'
);
$('tbody tr td div table[summary="Top dos mais postadores"] a[href^="/u"]').each(function() {
var linkavt = $(this).attr('href');
$(this).before(
    '<img src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" alt="no_photo" class="avt-wid" />'
    );
    var oImg = $(this).prev();
    var user = sessionStorage.getItem(linkavt);
    if(user) {
      oImg.attr('src', user);
    } else {
      $.get(linkavt, function(data){
          var image = $('#profile-advanced-right > div > div > div > img', data).attr('src');
                oImg.attr('src', image);
                sessionStorage.setItem(linkavt, image);
      });
    }
});
$('.module .main-content td[nowrap]').each(function() {
  $(this).html($(this).attr('title'));
});
});

Fico assim, da mesma forma que ficou no outro quando atualizei

Limpe seu cache e os cookies, pois não vejo o tal erro, veja:


Até mais.

while escreveu:Limpe seu cache e os cookies, pois não vejo o tal erro, veja:


Até mais.

Pronto mano, tudo certo!

Obrigado mesmo, parabéns pelo trabalho

+dado