Avatar na barra de ferramentas

4 participantes

Ir para baixo

Tópico resolvido Avatar na barra de ferramentas

Mensagem por 'Ripper 12.04.14 16:45

Qual é minha questão:
Tentei seguir esse tutorial e não funcionou > https://ajuda.forumeiros.com/t85270-tutorial-exibir-o-avatar-do-membro-na-barra-de-ferramentas 

o avatar não apareceu 

Endereço do meu fórum:
http://demoncheats.maisforum.com

Versão do fórum:
PunBB


Última edição por DEMORUTO666 em 12.04.14 22:48, editado 1 vez(es)
'Ripper
'Ripper
****

Membro desde : 22/02/2014
Mensagens : 353
Pontos : 517

http://webgamescommunity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na barra de ferramentas

Mensagem por JScript 12.04.14 17:39

Olá!

Eu acabei de testá-lo aqui e lhe asseguro que funciona perfeitamente!

Poste prints do problema e da seção JavaScript onde adicionou o código ok?

A imagem abaixo ilustra os únicos scripts que visualizei em seu fórum e nenhum deles possui o código do tutorial:
Avatar na barra de ferramentas  LjEeifS

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: Avatar na barra de ferramentas

Mensagem por Ryper2 12.04.14 17:43

Bastava apenas retirar aquele texto no JS, substitua seu código por esse:

Código:
jQuery(function () {
    jQuery('#fa_welcome').prepend(_userdata["avatar"]).children('img').css( {
        'border-radius' : '3px 3px 3px 3px',
        'height' : '25px',
        'margin-bottom' : '-10px',
        'margin-right' : '5px',
        'position' : 'relative',
        'top' : '-3px',
        'width' : '25px'
    });
});
Resultado:
Avatar na barra de ferramentas  XFJN0P6

Resulta?
Até mais! Piscada
Ryper2
Ryper2
Novo Membro

Membro desde : 06/04/2014
Mensagens : 10
Pontos : 14

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na barra de ferramentas

Mensagem por JScript 12.04.14 17:59

@FuriousF.

Bem observado amigo, eu troquei os sinais <!-- e --> que são referente a HTML por /* e */, com isso o meu "texto" que é um cabeçalho de identificação já pode fazer parte do JavaScript!

Recomendo que mantenha o cabeçalho ok?

Obrigado,

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: Avatar na barra de ferramentas

Mensagem por 'Ripper 12.04.14 18:42

com o cabeçalho e sem ele não funcionou :/

@JScript

o código não tinha funcionado então eu avia removido ele por isso você não o encontrou

https://i.imgur.com/d6Cueei.png

https://i.imgur.com/FCEHewS.png
'Ripper
'Ripper
****

Membro desde : 22/02/2014
Mensagens : 353
Pontos : 517

http://webgamescommunity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na barra de ferramentas

Mensagem por Shek 12.04.14 19:56

Olá!

Por favor, poderia testar então, com este código?
CSS a adicionar:
Código:
.shek_person {
  height: 25px;
margin-right: 3px;
position: relative;
top: -1px;
width: 25px;
float: left;
}
Código JS em todas as páginas:
Código:
jQuery(function () {
            jQuery(window).load(function () {
                var avatar_url = jQuery('#fa_usermenu img:eq(0)').attr('src');
                jQuery('#fa_menu').prepend('<img src="' + avatar_url + '" class="shek_person" />');
            });
        });
Tenha uma ótima tarde!

Tópico movido de 'Questões sobre HTML e BBCODE' para 'JavaScript e jQuery'
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na barra de ferramentas

Mensagem por 'Ripper 12.04.14 21:17

uma ótima tarde para você também Shek

então eu coloquei o codigo CSS e o JS e meio que deu uma bugada no meu forum https://i.imgur.com/gCT2zZk.png

'Ripper
'Ripper
****

Membro desde : 22/02/2014
Mensagens : 353
Pontos : 517

http://webgamescommunity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na barra de ferramentas

Mensagem por Shek 12.04.14 21:26

Substitua por este:
Código:
.shek_person {
height: 25px !important;
margin-right: 3px !important;
position: relative !important;
top: -1px !important;
width: 25px !important;
float: left !important;
}
Atenciosamente,
Shek
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na barra de ferramentas

Mensagem por 'Ripper 12.04.14 21:41

continua do mesmo jeito bugado
'Ripper
'Ripper
****

Membro desde : 22/02/2014
Mensagens : 353
Pontos : 517

http://webgamescommunity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na barra de ferramentas

Mensagem por Shek 12.04.14 21:45

Você poderia me passar o seu CSS?
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na barra de ferramentas

Mensagem por 'Ripper 12.04.14 22:06

Spoiler:
'Ripper
'Ripper
****

Membro desde : 22/02/2014
Mensagens : 353
Pontos : 517

http://webgamescommunity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na barra de ferramentas

Mensagem por Shek 12.04.14 22:13

Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na barra de ferramentas

Mensagem por 'Ripper 12.04.14 22:17

eu jogo esse link na minha CSS ou os codigos dentro dele?
'Ripper
'Ripper
****

Membro desde : 22/02/2014
Mensagens : 353
Pontos : 517

http://webgamescommunity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na barra de ferramentas

Mensagem por Shek 12.04.14 22:19

Os códigos  slap Rindo 
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na barra de ferramentas

Mensagem por 'Ripper 12.04.14 22:29

o avatar na barra de ferramentar funcionou mas o forum ta todo bugado ainda

olha > http://demoncheats.maisforum.com/
'Ripper
'Ripper
****

Membro desde : 22/02/2014
Mensagens : 353
Pontos : 517

http://webgamescommunity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na barra de ferramentas

Mensagem por JScript 12.04.14 22:36

@DEMORUTO666

Após uma análise no código que fiz, observei um atraso em relação à conexões mais lentas, neste caso modifiquei para que aguardasse a página ser totalmente carregada e com isso funciona normalmente!

Experimente remover as personalisações anteriores e faça um teste com o código abaixo:
Código:

jQuery(window).load(function() {
    jQuery('#fa_welcome').prepend(_userdata.avatar).children('img').css( {
        'border-radius' : '3px 3px 3px 3px',
        'height' : '25px',
        'margin-bottom' : '-10px',
        'margin-right' : '5px',
        'position' : 'relative',
        'top' : '-3px',
        'width' : '25px'
    });
});
Investimento em todas as páginas!

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: Avatar na barra de ferramentas

Mensagem por 'Ripper 12.04.14 22:47

funcionou perfeitamente JScript

tive que reinstalar o tema para desbugar ainda bem que tinha salvo a CSS

vlw ai galera por me ajudar
'Ripper
'Ripper
****

Membro desde : 22/02/2014
Mensagens : 353
Pontos : 517

http://webgamescommunity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na barra de ferramentas

Mensagem por JScript 12.04.14 22:49

@DEMORUTO666

Fico feliz que tenha dado certo amigo, se poder nos fazer um favor em testar o código abaixo:
Código:

jQuery(function() {
    isRead();

    function isRead() {
        if (jQuery('#fa_welcome').length) {
            jQuery('#fa_welcome').prepend(_userdata.avatar).children('img').css( {
                'border-radius' : '3px 3px 3px 3px',
                'height' : '25px',
                'margin-bottom' : '-10px',
                'margin-right' : '5px',
                'position' : 'relative',
                'top' : '-3px',
                'width' : '25px'
            });
        } else {
            setTimeout(isRead, 100);
        }
    }
});
Pois estaria contribuindo com um feedback para nossa comunidade!
Esse código traz uma vantagem em ser mais rápido do que o anterior que lhe passei.

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: Avatar na barra de ferramentas

Mensagem por 'Ripper 12.04.14 23:14

testo com todo prazer xD

funcionou perfeitamente este novo código e e mesmo mais rápido
'Ripper
'Ripper
****

Membro desde : 22/02/2014
Mensagens : 353
Pontos : 517

http://webgamescommunity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na barra de ferramentas

Mensagem por JScript 12.04.14 23:19

@DEMORUTO666

Obrigado pelo seu comentário amigo, nos ajudou bastante dando seu feedback!

Obrigado,

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

Ir para o topo

- Tópicos semelhantes

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