IM04 Imagem Esfumaçando - formatação adian

    
IM04 Imagem Esfumaçando

Esse tutorial oferece o script de imagem que se esfumaça. A imagem aparece e desaparece continuamente no background.

1 - Abra uma nova mensagem.
2 - Clique na abinha "Origem"
3  - Cole o script do efeito, antes do  código responsável pelo fechamento do e-mail. </BODY></HTML>

4 - Cole o seguinte código:

Script: Imagem que se Esfumaça

<DIV>&nbsp;</DIV>
<DIV align=center><IMG id=revealpict
style="FILTER: revealTrans(duration=6,transition=12); VISIBILITY: hidden"
src="CAMINHO DA IMAGEM" align=middle></DIV>
<SCRIPT language=JavaScript>
var rpic1;
var rpic2;
function revealgo() {
rpic1 = revealpict;
rpic1.filters.revealTrans.Apply();
rpic1.style.visibility = "visible";
rpic1.filters.revealTrans.Play();
setTimeout('doIt()', 10000);
}
function doIt() {
rpic2 = revealpict
rpic2.filters.revealTrans.Apply();
rpic2.style.visibility = "hidden";
rpic2.filters.revealTrans.Play();
setTimeout('revealgo()', 10000);
}
window.onload=revealgo
</SCRIPT>

5 - Vamos inserir a imagem. Procure na Origem o CAMINHO DA IMAGEM.

6 - Clique na "Abinha Editar" e depois em Inserir Imagem  e vá buscar o caminho da sua imagem. Navegue até a pastinha onde a salva, clique em abrir.  Aparecerá o caminho:

7 - Copie esse caminho: coloque o cursor dentro do local onde está o endereço dê Ctrl+A para selecionar todo o endereço. Dê Ctrl + C para copiar.
8 - Nessa janelinha clique em cancelar.
9 - Clique na abinha "Origem" e procure no script a frase: "CAMINHO DA IMAGEM".  Selecione-o, apague e cole (CTRL + V)  o endereço.
10 - Clique na aba  "Visualizar"  para checar o resultado.
Vamos ver as alterações que podem ser feitas no script:

Localize o trecho:

setTimeout('doIt()', 10000);
}
function doIt() {
rpic2 = revealpict
rpic2.filters.revealTrans.Apply();
rpic2.style.visibility = "hidden";
rpic2.filters.revealTrans.Play();
setTimeout('revealgo()', 10000);

Os valores que estão em vermelho são os responsáveis pelo intervalo de tempo em que as imagens aparecem e desaparecem. Quanto menor o valor menor o intervalo e vice-versa.
Se você substituir a palavra hidden por visible o efeito aparece uma vez e a imagem continua estática.

11 - Visualizado o efeito, volte à abinha "Editar" e complete a formatação  com:
Background (Formatar/Plano de fundo/ Imagem)
Borda colorida
Barra de rolagem colorida
Script para rodapé (Como sugestão, você poderá usar o script do tutorial R02 - Movimento Contínuo)
Texto
Música online
Assinatura ( opcional)





Envie para o grupo um e-mail formatado como foi ensinado nesse tutorial.
Ele deverá conter:
Script com o efeito da imagem se esfumaçando
background
Texto
Borda Colorida
Barra de Rolagem Colorida
Script para Mensagem no Rodapé (opcional)
Música
Assinatura (opcional)




Não esqueça, por favor:
Colocar no assunto: seu nome ou nick - IM04 - Imagem se Esfumaçando
No corpo do e-mail coloque o link correspondente a esse tutorial.
Verificar o peso de sua mensagem.
Não esqueça do anti-banner

Copyright© 2002/2007 Dama Da Noite * Todos os direitos reservados*

Esse  tutorial foi criado por Emê, em abril de 2007,  especialmente para o Grupo PSP Brasil.

É expressamente proibida, por lei, a divulgação desta página em outro site ou qualquer outro modo de veiculação sem a autorização expressa da autora ou dos detentores de copyright do texto, da formatação e dos demais elementos que compõem a página. 

Direitos Autorais protegidos pela Lei 9.610 de 19/02/1998.