[TUTORIAL] Efeito .fadeOut nas páginas do fórum

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

Principal Contribuidor
  • 0

[TUTORIAL] Efeito .fadeOut nas páginas do fórum Empty [TUTORIAL] Efeito .fadeOut nas páginas do fórum

Mensagem por Shek 16.08.14 15:56


[TUTORIAL] Efeito .fadeOut nas páginas do fórum Html
Efeito em javascript

Transição de páginas é lindo para websites, mas, você já imaginou isso para fóruns? O efeito jQuery .fadeOut funciona para fóruns quando aplicado corretamente, uma imagem de carregamento é exibida.


--> Tutoriais, dicas e astúcias <--
Efeito .fadeOut nas páginas do fórum



- Páginas .JS:
Para aplicarmos o tutorial, deveremos aceder à:
Painel de Controle ->> Módulos ->> HTML & JAVASCRIPT ->> Gestão dos códigos JavaScript
[TUTORIAL] Efeito .fadeOut nas páginas do fórum Painel13

[TUTORIAL] Efeito .fadeOut nas páginas do fórum 110111[TUTORIAL] Efeito .fadeOut nas páginas do fórum 398853 Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Efeito .fadeOut nas páginas do fórum 110210[TUTORIAL] Efeito .fadeOut nas páginas do fórum 398853 Localização São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos nos tópicos.
[TUTORIAL] Efeito .fadeOut nas páginas do fórum 110310[TUTORIAL] Efeito .fadeOut nas páginas do fórum 398853 Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.
[TUTORIAL] Efeito .fadeOut nas páginas do fórum 110410[TUTORIAL] Efeito .fadeOut nas páginas do fórum 398853 Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

- Aplicação do código JavaScript:
Em seguida, adicione o seguinte código:
Código:
jQuery(document).ready(function() {jQuery("a").click(function(event){event.preventDefault();linkLocation = this.href;jQuery("body").fadeOut(1000, redirectPage);jQuery(document).ready(function(){jQuery('body').before('<div class=pagcarreg style="text-align:center"><img src="http://img96.imageshack.us/img96/8636/carregando3.gif" border=0></div>');});
});function redirectPage() {window.location = linkLocation;
}});
Lembre-se, em Investimento pode ser marcado onde desejar. Para modificar a imagem de carregamento, basta pressionar as taclas Ctrl + F e buscar pela imagem atual:
https://2img.net/r/ihimizer/img96/8636/carregando3.gif

  • Resultado:
    [TUTORIAL] Efeito .fadeOut nas páginas do fórum Gif11





© Fórum dos Fóruns

[TUTORIAL] Efeito .fadeOut nas páginas do fórum Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Efeito .fadeOut nas páginas do fórum
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

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

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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