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

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

  • 0

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

Mensagem por Shek em 16/08/14, 11:56 am


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

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.

- 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:
http://img96.imageshack.us/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
avatar

Shek
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17420
Pontos Ativos : 21673

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

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


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