:: Tutorial de E-mails ::

Curso de Formatação Intermediário- Lição 9 - Efeito no mouse

Hoje vamos aprender a colocar um efeito no mouse. Este efeito aparece, conforme mexemos no mouse. Para ter uma idéia mais clara, veja este exemplo, no qual coraçõezinhos "acompanham" o mouse.

Vamos direto à tarefa!

Faça o seguinte:

1. Abra uma nova mensagem.

2. Clique na aba "Origem" de sua nova mensagem.

3. Coloque o código que aparece logo abaixo antes da tag </body>

<BODY bgColor=#ffffff><IMG id=curseur

style="Z-INDEX: -1; LEFT: 0px; POSITION: absolute; TOP: -9999px"

src="ENDEREÇO DA FIGURA DO MOUSE">

dim x

sub document_onmousemove

curseur.style.top=window.event.clientY-56+document.body.scrolltop

curseur.style.left=window.event.clientX-56+document.body.scrollleft

end sub

</SCRIPT>

Obs.: 1. Onde você encontra no script o item "ENDEREÇO DA FIGURA DO MOUSE" deve colocar o endereço da figura que você quer que apareça na ponta do mouse. Dê preferência a imagens pequenas.) Se quiser, escolha uma imagem, clicando aqui onde vc encontra um índice para vários mini gifs.

2. Se você quiser que a figura do mouse fique "por trás" do texto e das imagens, use Z-INDEX: -1 (valor negativo). Se preferir a imagem mais em evidência, mais para a frente em relação ao restante, use Z-INDEX: 1

Caso você tenha dificuldade para encontrar o endereço de uma imagem, confira esta dica.

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

Aqui você encontra a versão prontinha para e-mail desta dica. Está zipada no formato .eml (próprio para o Outlook Express)

Tarefa:

Crie dois e-mails que devem ser enviados separadamente. Ambos com barra de rolagem colorida e moldura na mensagem. Insira uma imagem pequena no mouse. A variação está aqui: no primeiro e-mail, deixe a imagem do mouse "mais para trás" e, no segundo, deixe-a mais para frente. Escreva um pequeno texto. Insira uma música e envie a mensagem 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


	.