Ultimos assuntos personalizado

Detalhes da questão

Endereço do fórum: http://www.blrpg.com.br
Versão do fórum: phpBB3

Descrição

Quero fazer o mesmo efeito feito nesse pedido, só que em últimos assuntos

https://ajuda.forumeiros.com/t108381-widget-top-postadores-com-avatar-redondo?thank=759113

Olá autor, boa tarde.

Ao invés de criar outro js, que tal utilizarmos o mesmo do tópico anterior porém com um pequeno ajuste em?

Troque o código do tópico anterior 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"], #comments_scroll_div > div > div > div > a > span > strong ').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'));
});
});

Resulta?

Até mais.

while escreveu:Olá autor, boa tarde.

Ao invés de criar outro js, que tal utilizarmos o mesmo do tópico anterior porém com um pequeno ajuste em?

Troque o código do tópico anterior 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"], #comments_scroll_div > div > div > div > a > span > strong ').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'));
});
});

Resulta?

Até mais.

Veja aqui na lateral: http://www.blrpg.com.br/

Como ficou ai pra ti? aqui as imagens ficaram aquela mesmo que te mandei anterior, sem foto no perfil

Olá de novo, troque o js 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'));
});
});

Depois siga todas as instruções dessa postagem: https://ajuda.forumeiros.com/t107411-avatar-em-ultimos-assuntos#751455

OBS: O Js que deixei acima é o anterior do tópico já resolvido.

Até mais.

while escreveu:Olá de novo, troque o js 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'));
});
});

Depois siga todas as instruções dessa postagem: https://ajuda.forumeiros.com/t107411-avatar-em-ultimos-assuntos#751455

OBS: O Js que deixei acima é o anterior do tópico já resolvido.

Até mais.

Só tem acesso a modificação do templete, quem for /h1 nao?

Isto, tem que ser a conta fundadora, a conta /u1.

Caso o senhor não for e o fundador tiver interessado na questão, peça para ele visitar o tópico e fazer o que pede.

Até mais.