|
Essa lição traz um
script que possibilita o efeito de imagens subindo. Você poderá
usá-lo em formatações com vários temas: aniversário, outras
datas festivas, etc.
Para
obter o efeito das imagens subindo é necessário o script e um pequeno gif com fundo
transparente. Peque AQUI os modelos
ilustrativos da lição.
I -
Aplicando o script de acordo com
o modelo 01
Material: uma imagem
principal que ficará no topo (a da Maristela tem 748 x 300 px); um background
combinando com a imagem, um gif que receberá o efeito do script, um texto e um arquivo de
som.
1 - Abra uma nova mensagem, clique na abinha Origem,
delete tudo e cole o seguinte código:
2 - Informe nos lugares especificados o caminho do
background, da imagem que fica no topo e do gif que receberá o
efeito. Não esqueça de preservar as
aspas. Caso prefira, aplique o background pela aba Editar (menu
FORMATAR / Plano de Fundo / Imagem).
3
- Detalhes importantes
do script:
3.1 - Indique as dimensões
REAIS (largura e altura) do gif que receberá o efeito do
script. Os valores height=69 e widht=82 são exemplificativos.
Informe as dimensões do seu gif nesta parte:
<IMG id=Image0
style="DISPLAY: none; POSITION: absolute; TOP: 20px" height=69
src="Caminho do gif que terá o efeito do
script"
width=82>
E nesta outra parte
também:
//colocar a largura da imagem
larguraImagem =82;
//colocar a altura da imagem
alturaImagem =69;
3.2 - Se quiser
aumentar ou diminuir o número de imagens que sobem, altere
aqui:
Amount=3
3.3 - Caso
queira aumentar ou diminuir a velocidade do movimento das imagens
altere o número 60 nesta parte:
setTimeout('bubbles()',60);
Quanto maior o número mais lento o
movimento.
4 - Para facilitar, já está no tag STYLE o código
da moldura e barra de rolagem colorida. Faça todas as alterações
necessárias para adequar à sua formatação (mude as cores, espessura
das bordas, estilo de moldura, atributos de fonte, etc.).
5
- Clique na aba "Visualizar" para conferir se o efeito está
funcionando direitinho.
6 - Na aba Editar digite (ou cole) o
seu texto e aplique o som.
7 - Na Origem, acrescente um
script para a mensagem de rodapé e digite a sua
mensagem.
II - Aplicando o script com um TOP (modelo 02)
Material: um top, um gif que receberá o efeito do
script, um texto e um arquivo de som.
1 - Formate o top
conforme a Lição 19 da fase Iniciante;
Não esqueça
que o valor da MARGIN-TOP deverá ser um pouco maior do que a altura
do seu top.
Se preferir
formatar o top usando o Assistente do Outlook, não esqueça de
acrescento o código da moldura e barra de rolagem colorida.
2 -
Pegue AQUI o código do script.
Clique na aba Origem e cole no BODY (veja o modelo 02).
3 - Indique o caminho e dimensões do gif
transparente. Clique na aba Visualizar para conferir se está tudo
funcionando direitinho.
4 - Na aba Editar, digite seu texto e
aplique o
som.
5 - Volte à Origem e acrescente o script da mensagem de
rodapé.
Seu Exercício: apresente à lista uma formatação completa
(moldura e barra de rolagem colorida,atributos de fonte, margens, texto, som, mensagem de
rodapé, etc.) e aplicando o script das imagens subindo. Fica à sua
escolha apresentá-la conforme o modelo 01, ou com um top (modelo 02)
e/ou usando uma das tabelas estudadas nas lições anteriores.
 |
