:: Tutorial de E-mails ::

Curso de Formatação Avançado- Lição 2

Script simples para movimento no background (com variações interessantes)

Se você observar as dicas referentes a scripts para fundos e papéis de carta, irá perceber que há diversos scripts para dar movimento no background. O script que estou colocando abaixo é bem simples e versátil, porque nos permite fazer alterações no movimento do back: horizontal, vertical ou em diagonal.

É importante ressaltar que quando trabalhamos com scripts, os espaços e sinais são significativos, portanto, devem ser mantidos exatamente como estão no original, quando alteramos alguns valores, como faremos a seguir.

Vamos lá?

Abra um novo e-mail e cole o seguinte código, antes de </body> lá no finalzinho do código:

(Obs: Este script já inclui mensagem de rodapé! Você deve alterar o item que deixei em vermelho: escreva aqui sua mensagem de rodapé)

<SCRIPT language=vbscript>
'==================================================
'Tutorial de E-mails- http://ilove.terra.com.br/lili
'Formatação de Lili Russo
'===================================================
window.status="..... escreva aqui sua mensagem de rodapé ..... "
x=0
y=0

SetInterval"scrollback",62

Sub scrollback()
x=x
y=y-1
document.body.style.backgroundPosition=x&" "&y
End Sub

</SCRIPT>

Insira um papel de carta, clique em Visualizar e veja como ficou.

Você poderá alterar a velocidade do movimento alterando aqui:

SetInterval"scrollback",62

Experimente mudar para 66, por exemplo, e veja a alteração.

A parte do código que indica o movimento do background é:

document.body.style.backgroundPosition=x&" "&y (não devemos mexer aqui; só podemos alterar a parte que assinalei no script:
x=x
y=y-1

Vejamos o que é possível fazer! Se alterarmos "x" e "y", teremos movimentos diferentes: horizontal, vertical ou diagonal.

Vamos treinar mais um pouco?

1. Use o mesmo mesmo que você formatou no começo desta aula, faça o seguinte;
Acrescente ao x o valor + 1 vai ficar assim:

Sub scroll()
x=x+1
y=y-1

Clique na aba Visualizar para ver o que acontece.

2. Agora, inverta os sinais (um de cada vez), isto é, primeiro coloque o "x" com sinal negativo.
Depois coloque o "y" com o sinal positivo.

3. Retire o -1 do "y" e veja o que acontece.

4. Mude o número 1 para 5 em qualquer um dos itens (x ou y)...

O que acontece?

- O "x" define o movimento na horizontal

- O "y" define o movimento na vertical

- Se temos x e y com algum valor após o sinal, o movimento será em diagonal.

- Se trocarmos o sinal, mudamos o sentido da direção

- Se aumentarmos o número 1 , aumentamos a velocidade do movimento.

Tente colocar o valor 0 (zero) para x ou para y...

Percebeu?

Você pode inventar um montão de variações para um único e simples script!

Muito bem, vamos, então, à nossa tarefa de hoje!

Crie um novo e-mail, formate-o com um papel de carta, escreva um texto longo (facilita a visualização deste script), use moldura na mensagem e barra de rolagem colorida. Se quiser, insira uma imagem e uma música (opcional).
Quando estiver com tudo prontinho, clique na aba "Origem" e use o script desta aula. Lembre-se de alterar a sua mensagem de rodapé.

Clique em Visualizar e veja se está tudo certinho.

Obs.: Caso o movimento não esteja muito perceptível, volte à aba "Editar" e dê vários "Enter" depois do texto.

Importante: Insira seu cartão de visitas!

Endereço do grupo: tutorial_emails@yahoogrupos.com.br

Lembre-se de indicar no campo Assunto: Nome do aluno, Nível e Número da lição. Caso a lição tenha sido refeita, inclua a palavra "refeita".

Lição elaborada por Lilian Russo


	.