[TUTORIAL] Efeito opacidade no fórum (Fad In)

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

  • 0

[TUTORIAL] Efeito opacidade no fórum (Fad In)

Mensagem por seender em 04/04/10, 12:30 am

Efeito JavaScript
Adicione um efeito de transição entre as páginas do seu fórum. O efeito de Fade in é simplesmente um fundo de uma cor X que vai desaparecendo até aparecer o conteúdo da página.



--> Tutoriais, dicas e Astúcia <--
Efeito opacidade no fórum (Fad In)




- Código que deverá ser utilizado para criar o efeito de opacidade (Fad In):
jQuery(function() { jQuery(document).ready(function(){jQuery("#wrap,.bodyline,.pun,#ipbwrapper").css({"display":"none"}); });jQuery(document).ready(function(){jQuery("#wrap,.bodyline,.pun,#ipbwrapper").fadeIn("slow"); });});
Vermelho -> É a definição do tempo que o fade irá acontecer, no caso acima se utiliza a expressão slow que diz "Devagar", pode ser trocado por Fast que é rápido ou então retire as aspas e troque todo o valor dentro do parenteses por números que será um valor mais exato da velocidade em milisegundos do evento, exemplo: .fadein(1000);.

- Aplicação do tutorial:
Aceda à:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts
Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
Seta Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.
Seta Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.
Seta 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.



© 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 opacidade no fórum (Fad In)
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

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

- Tópicos similares

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