Tutorial avatar no ultimo post com erro

Qual é minha questão:
Bom pessoal, infelizmente há algum erro no tutorial do ultimo post com avatar, o tutorial que eu encontrei o erro é esse Link do tutorial.

Enfim, eu gostaria que meu fórum ficasse com o avatar ao lado da ultima msg como o combinado no tutorial, mas o erro que ocorre é este:

https://i.servimg.com/u/f56/18/66/31/49/127.png

O erro esta marcado por 2 caixas numeradas. A caixa numero 1 eu nem sei o motivo de ela estar ali, é 1 erro estranho, não tem porque ter algo ali no centro acima dos fóruns. A caixa de numero 2 é a caixa onde deveria estar o avatar, mas ao invez disso fica a imagem do Sistema de Warn que eu uso, fica a imagem de 100% de warn.


Bom, 1º que eu não uso qualquer outro tipo de JS, apenas 1 HTML para o sistema de noticias do meu fórum.
2º me ajudem kk

OBS: Não vou pegar tutorial de outros posts de outras pessoas, se esse fosse o caso eu iria atras, já tentei diversos tutoriais de pessoas com o mesmo erro, espero que me auxiliem neste tópico.

Endereço do meu fórum:
http://olimpicosrpg.web-rpg.com

Versão do fórum:
INVISION

Bem, se você fez todo o código corretamente, tenta mudar a imagem do avatar que será usada no código. talvez seja problema no host da imagem.

Acredito que o host da imagem não tenha nada aver, até porque todos os user's tem avatar, nem que seja o avatar padrão, então esse não é o problema, e tem 2 erros e não só 1

@coenzi

Olá amigo, realmente o código do tutorial está agindo da forma que você descreveu e postou na imagem...

Troque o código do tutorial por este:

Código:


jQuery(document).on('ready', function () {
   jQuery('td.row1').not('.centered').prepend('<div class="avat-miembro"><div>');
   jQuery('td.row1 .avat-miembro').each(function () {
      var profileUserURL = jQuery(this).parent().children('span').children('strong').children('a').attr('href');
      jQuery(this).html('<a href="' + profileUserURL + '" class="avat-miembro-enlace"><img src="Endereço-da-imagem" alt="No Avatar" /></a>');
      jQuery(this).children('a').load(profileUserURL + ' .module:eq(1) img:eq(0)')
   });
});


Abraços,

JS

Bom Js, eu acredito sempre nos codigos que você me passa, e na maioria das vezes você consegue resolver rapidamente, você até conseguiu tirar 1 dos erros, o Erro de numero 1, que postei la no inicio do tópico foi resolvido, ele já n existe, agora o erro numero 2 continua, ao invez de aparecer o avatar, aparece o warn :/

Erro:

edit:

outro erro:
https://i.servimg.com/u/f56/18/66/31/49/3210.png

@coenzi

Sim, pude comprovar que em seu fórum realmente teve esses problemas...

Bom, agora remova toda personalização do tutorial, incluindo o CSS e adicione o script abaixo:

Código:


jQuery(function () {
    var sCSS = '<style>' +
        '.avat-miembro {' +
        '    float: left;' +
        '}' +
        '.avat-miembro img {' +
        '    width: 40px;' +
        '    height: 40px;' +
        '    padding: 1px;' +
        '    margin: 0 5px;' +
        '    border-radius: 10px' +
        '}' +
        '</style>';
    document.head.insertAdjacentHTML('beforeEnd', sCSS);
});

jQuery(document).on('ready', function () {
   jQuery('td.row1').not('.centered').prepend('<div class="avat-miembro"><div>');
   jQuery('td.row1 .avat-miembro').each(function () {
      var profileUserURL = jQuery(this).parent().children('span').children('strong').children('a').attr('href');
      jQuery(this).html('<a href="' + profileUserURL + '" class="avat-miembro-enlace"><img src="Endereço-da-imagem" alt="No Avatar" /></a>');
      jQuery(this).children('a').load(profileUserURL + ' #profile-advanced-right .box-content.profile.center img:eq(0)')
   });
});


Resultado:


Perceba que eu deixei a janela do console aberta pra que você possa ver o código em ação!

Abraços,

JS

Não preciso nem falar que o sucesso foi imediato, porem aconteceu 1 erro antes e continua acontecendo, eu não quis expor o erro pois achei que esse próximo código pudesse revolve-lo, mas enfim.. vai 1 print para você entender melhor.

https://i.servimg.com/u/f56/18/66/31/49/3213210.jpg

Lembramos que meu fórum já n tem mais top dos mais postadores, pois tirei por culpa deste erro, até resolver eu deixarei sem.

Interessante!!!
Deixa ativado esse widget mas desativa o código que postei ok? Dessa forma eu posso fazer meus testes sem problemas.

Até mais,

JS

Prontinho, fiz oque pediu.

Perfeito!

Pode testar o código abaixo que resolve:

Código:


jQuery(function () {
    var sCSS = '<style>' +
        '.avat-miembro {' +
        '    float: left;' +
        '}' +
        '.avat-miembro img {' +
        '    width: 40px;' +
        '    height: 40px;' +
        '    padding: 1px;' +
        '    margin: 0 5px;' +
        '    border-radius: 10px' +
        '}' +
        '</style>';
    document.head.insertAdjacentHTML('beforeEnd', sCSS);
});

jQuery(document).on('ready', function () {
   jQuery('.ipbtable.index-box td.row1').not('.centered').prepend('<div class="avat-miembro"><div>');
   jQuery('.ipbtable.index-box td.row1 .avat-miembro').each(function () {
      var profileUserURL = jQuery(this).parent().children('span').children('strong').children('a').attr('href');
      jQuery(this).html('<a href="' + profileUserURL + '" class="avat-miembro-enlace"><img src="Endereço-da-imagem" alt="No Avatar" /></a>');
      jQuery(this).children('a').load(profileUserURL + ' #profile-advanced-right .box-content.profile.center img:eq(0)')
   });
});


Abraços,

JS

Agora as imagens do avatar n estão aparecendo, ou seja as imagens do avatar que fica em ultimo post.

Perdoe-me amigo pois eu esqueci de postar o código final na qual eu tinha testado...

Reveja novamente a minha mensagem anterior: https://ajuda.forumeiros.com/t88279-tutorial-avatar-no-ultimo-post-com-erro#598825

Agora vai!!!

JS

Na boa man, tu é bom de mais, obrigado.