Tutorial avatar no ultimo post com erro

3 participantes

Ir para baixo

Tópico resolvido Tutorial avatar no ultimo post com erro

Mensagem por coenzi 09.01.14 6:50

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



Última edição por coenzi em 10.01.14 1:25, editado 1 vez(es)
coenzi
coenzi
****

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tutorial avatar no ultimo post com erro

Mensagem por Marvel Universe RPG 09.01.14 7:29

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.
Marvel Universe RPG
Marvel Universe RPG
**

Membro desde : 05/01/2014
Mensagens : 80
Pontos : 119

http://um-rpg.forumeiro.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Tutorial avatar no ultimo post com erro

Mensagem por coenzi 09.01.14 7:36

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
coenzi
****

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tutorial avatar no ultimo post com erro

Mensagem por JScript 09.01.14 15:03

@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
JScript
JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tutorial avatar no ultimo post com erro

Mensagem por coenzi 09.01.14 16:25

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
coenzi
****

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tutorial avatar no ultimo post com erro

Mensagem por JScript 09.01.14 23:19

@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:
Tutorial avatar no ultimo post com erro FgEW2AE

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

Abraços,

JS
JScript
JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tutorial avatar no ultimo post com erro

Mensagem por coenzi 09.01.14 23:33

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.
coenzi
coenzi
****

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tutorial avatar no ultimo post com erro

Mensagem por JScript 09.01.14 23:48

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
JScript
JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tutorial avatar no ultimo post com erro

Mensagem por coenzi 09.01.14 23:56

Prontinho, fiz oque pediu.
coenzi
coenzi
****

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tutorial avatar no ultimo post com erro

Mensagem por JScript 10.01.14 0:01

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


Última edição por JScript em 10.01.14 0:42, editado 1 vez(es) (Motivo da edição : Correções!)
JScript
JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tutorial avatar no ultimo post com erro

Mensagem por coenzi 10.01.14 0:24

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

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tutorial avatar no ultimo post com erro

Mensagem por JScript 10.01.14 0:42

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
JScript
JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tutorial avatar no ultimo post com erro

Mensagem por coenzi 10.01.14 1:25

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

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos