.Você vai aprender hoje a fazer o inverso que fizemos na aula anterior, isto é, hoje o texto se mantém fico e o papel de carta se movimenta.

Hoje já iremos usar o código antes de </BODY>. Você deve manter os códigos que encontra na aba "Origem".

Faça o seguinte:

1. Abra uma nova mensagem

2. Clique na aba "Origem"

3. Localize </BODY> lá no finalzinho da aba Origem

4. Insira o seguinte código, antes de <\BODY>:

<!--webbot bot="HTMLMarkup" alt="[&lt;b&gt;This is the OE5 Scroll Script&lt;/b&gt;]" StartSpan --></P>
<DIV id=imageholder style="LEFT: 0px; POSITION: absolute; TOP: 0px; Z-INDEX: -1">
<SCRIPT language=VBScript>
<!--
direction="up"
sizew=300 ' indique a largura de sua imagem aqui
sizeh=416 ' indique a altura de sua imagem aqui
nail=0
source=document.body.background
tall=((screen.height\sizeh)+1)*2
wide=(screen.width\sizew)+1

if direction="up" then
max=tall
axis=sizeh
placement=0
reset=0
elseif direction="left" then
max=wide
axis=sizew
placement=0
reset=0
elseif direction="down" then
max=tall
axis=0
placement=-sizeh
reset=-sizeh
elseif direction="right" then
max=wide
axis=0
placement=-sizew
reset=-sizew
end if

document.write "<pre>"
for temp=0 to max
if direction="up" then
document.write "<img id=pics"&temp&" src><br>"
elseif direction="left" then
document.write "<img id=pics"&temp&" src>"
elseif direction="down" then
document.write "<img id=pics"&temp&" src><br>"
elseif direction="right" then
document.write "<img id=pics"&temp&" src>"
end if
document.all("pics"&temp).src=source
next
document.write "</pre>"

document.body.background=" "
window.status="Click the image to Stop or Restart the scroll"

sub scroll()
if nail=1 then
exit sub
end if
if placement < axis then
setTimeout "move", 1
else
placement=reset
setTimeout "move", 1
end if
end sub

sub move()
if direction="up" then
imageholder.style.top=-placement
elseif direction="left" then
imageholder.style.left=-placement
elseif direction="down" then
imageholder.style.top=placement
elseif direction="right" then
imageholder.style.left=placement
end if
placement=placement+1
setTimeout "scroll", 1
end sub

sub imageholder_onclick()
if nail=0 then
nail=1
else
nail=0
end if
scroll()
end sub

scroll()
-->
</SCRIPT>

--------------------------------------------------------------------------------------------------------------------

O "script" acima, fará com que sua imagem se movimente para cima, mas você poderá mudar a direção do movimento.

Veja o item que deixei em negrito lá no código:

direction="up"

Você pode alterar o "up" (para cima) para:

"down" (para baixo);

"left" (para a esquerda);

ou "right" (para a direita).

Lembre-se de deixar a direção a ser seguida entre aspas.

Importante: Indique a largura e a altura de sua imagem, no espaço que indiquei em vermelho no código.

Prontinho!

5. Escolha um papel de carta, uma musiquinha, escreva seu texto pela aba "Editar" e depois confira os resultados em "Visualizar".

Veja um exemplo aqui.

Aqui você encontra vários papéis de carta para usar com esse script.

Aqui você tem uma versão prontinha para e-mail desta dica.

Lembre-se de que o efeito só será percebido quando clicamos em "Visualizar".

6. Envie seu e-mail para o grupo.

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

Lilian Russo - Todos os Direitos Reservados - ©2002/2008