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

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

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;
}});

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:
  
  

---

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