[TUTORIAL] Efeito .fadeOut nas páginas do fórum
Página 1 de 1 • Compartilhe
[TUTORIAL] Efeito .fadeOut nas páginas do fórum
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
Efeito .fadeOut nas páginas do fórum
1º - Páginas .JS:
Para aplicarmos o tutorial, deveremos aceder à:
Painel de Controle ->> Módulos ->> HTML & JAVASCRIPT ->> Gestão dos códigos JavaScript
Título Correspondente ao nome da página JavaScript/jQuery que será criada. |
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. |
Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente. |
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. |
2º - 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;
}});
https://2img.net/r/ihimizer/img96/8636/carregando3.gif
- Resultado:
© Fórum dos Fóruns
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 |
Tópicos semelhantes
» [TUTORIAL] Redirecionamento de páginas com aviso prévio
» [TUTORIAL] Efeito opacidade no fórum (Fad In)
» [TUTORIAL] Função de carregamento em páginas
» [TUTORIAL] Páginas HTML personalizadas
» [TUTORIAL] Barra de progresso no carregamento das páginas
» [TUTORIAL] Efeito opacidade no fórum (Fad In)
» [TUTORIAL] Função de carregamento em páginas
» [TUTORIAL] Páginas HTML personalizadas
» [TUTORIAL] Barra de progresso no carregamento das páginas
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos