Tutorial avatar no ultimo post com erro

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Tutorial avatar no ultimo post com erro

Mensagem por coenzi em 09/01/14, 04:50 am

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:

http://i56.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 09/01/14, 11:25 pm, editado 1 vez(es)
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Tutorial avatar no ultimo post com erro

Mensagem por Marvel Universe RPG em 09/01/14, 05:29 am

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.
avatar

Marvel Universe RPG
Nível 7

Masculino
Inscrito dia : 05/01/2014
Mensagens : 80
Pontos Ativos : 119

Ver perfil do usuário http://um-rpg.forumeiro.com/forum

Resolvido Re: Tutorial avatar no ultimo post com erro

Mensagem por coenzi em 09/01/14, 05:36 am

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
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Tutorial avatar no ultimo post com erro

Mensagem por JScript em 09/01/14, 01:03 pm

@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
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

Resolvido Re: Tutorial avatar no ultimo post com erro

Mensagem por coenzi em 09/01/14, 02:25 pm

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:
http://i56.servimg.com/u/f56/18/66/31/49/3210.png
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Tutorial avatar no ultimo post com erro

Mensagem por JScript em 09/01/14, 09:19 pm

@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
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

Resolvido Re: Tutorial avatar no ultimo post com erro

Mensagem por coenzi em 09/01/14, 09:33 pm

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.

http://i56.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.
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Tutorial avatar no ultimo post com erro

Mensagem por JScript em 09/01/14, 09:48 pm

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
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

Resolvido Re: Tutorial avatar no ultimo post com erro

Mensagem por coenzi em 09/01/14, 09:56 pm

Prontinho, fiz oque pediu.
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Tutorial avatar no ultimo post com erro

Mensagem por JScript em 09/01/14, 10:01 pm

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 09/01/14, 10:42 pm, editado 1 vez(es) (Razão : Correções!)
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

Resolvido Re: Tutorial avatar no ultimo post com erro

Mensagem por coenzi em 09/01/14, 10:24 pm

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

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Tutorial avatar no ultimo post com erro

Mensagem por JScript em 09/01/14, 10:42 pm

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

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

Agora vai!!!

JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

Resolvido Re: Tutorial avatar no ultimo post com erro

Mensagem por coenzi em 09/01/14, 11:25 pm

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

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum