:: Tutorial de E-mails ::

Curso de Formatação Super 8

Código dos Brilhinhos

Como inserir pequenas imagens animadas em uma imagem central
Vou colocar aqui para vocês um pequeno código que criei para colocarmos alguns mini gifs "junto" com o papel de carta ou com a imagem principal, o que é muito interessante porque podemos fazer imagens com brilhos ou efeitos de animação, sem deixar a imagem tão pesada.

O código é bastante simples.

Para usar alguns brilhinhos ou algumas mini gifs animadas no papel de carta basta colocar abaixo do endereçamento do background o seguinte código::

<!-- script dos brilhinhos - por Lili Russo

<DIV></DIV>
<DIV align=left><IMG style="LEFT: 50px; POSITION: absolute; TOP: 300px"
src="endereço completo da gifzinha"></DIV><IMG
style="LEFT: 30px; POSITION: absolute; TOP: 145px"
src="endereço completo da gifzinha pode ser a mesma usada acima ou outra"> <IMG
style="LEFT: 11px; POSITION: absolute; TOP: 370px"
src="endereço completo da gifzinha pode ser a mesma usada ou outra">

Você poderá repetir o código quantas vezes quiser:

Observe que o Letf indica a distância em que a mini gif irá aparecer (na horizontal) e o top, a altura relativa ao lugar onde a gifzinha aparece, em relação
à imagem, no caso, nosso papel de cartas.

Você poderá variar muito e inserir quantas imagenzinhas quiser, dependendo do efeito que deseja.

Podemos fazer o mesmo com a imagem central, usando o mesmo código depois do endereçamento da imagem principal
e calculando a distância e a altura em que a imagenzinha deverá ficar para causar efeito.

Para entender melhor o que estou falando, veja um exemplo pronto aqui

No exemplo usei as florzinhas apenas na imagem central, mas poderia ter usado também no papel de carta, apenas "calculando" visualmente as distâncias.

Tarefa

Crie um e-mail usando o efeito de brilhinhos apresentado acima no papel de carta e na imagem central. Formate a mensagem com borda e barra de rolagem colorida, insira uma música e escreva um pequeno texto.

Envie ao grupo.

Bom trabalho!

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


	.