|
Nesta lição
estudaremos um dos vários scripts que aplicam o movimento
horizontal em uma imagem posicionada na parte superior da
mensagem. Pegue AQUI os modelos
ilustrativos.
Material: um background (pode ser um tile), uma imagem
principal que receberá o efeito do script, um texto e um arquivo de som.
Anote as dimensões da sua imagem pois precisará
informá-las em DOIS lugares do código.
Como a imagem irá repetir-se no sentido horizontal, prepare-a de modo a que não apareçam emendas, ou use um gif de fundo transparente.
1 - Abra uma nova mensagem, clique na aba "Origem", delete tudo
o que lá está e cole o seguinte código:
2 - Indique
os caminhos do background e da imagem
principal. 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 da sua imagem em dois lugares do
código:
<DIV> </DIV><IMG id=pics style="DISPLAY: none" height=290
src="Caminho da imagem principal"
width=500>
<DIV id=imageholder
style="Z-INDEX: -1; LEFT: 0px; POSITION: absolute; TOP: 0px">
<SCRIPT language=VBScript>
<!--
direction="right" REM CHANGE SCROLL DIRECTION HERE
sizew=500 REM SCROLLING IMAGE WIDTH
HERE
sizeh=290 REM SCROLLING IMAGE
HEIGHT HERE
Atenção!!! É importante que você
indique no lugar dos valores destacados acima as dimensões da
sua imagem para que o movimento seja contínuo e não dê
"pulinhos". Cuide também para não trocar o valor da largura com
o da altura, e vice-versa.
3.2 - O script possibilita o uso da imagem no topo ou na
lateral, bem como permite mudar a direção do movimento. Nesta
lição 09 estamos testando o uso do script com a imagem no topo
e, portanto, o movimento será no sentido horizontal.
<SCRIPT language=VBScript>
<!--
direction="right" REM CHANGE SCROLL
DIRECTION HERE
Onde está direction="right" indica que o movimento da imagem
será para a direita.
"up" (para cima)
"down" (para baixo);
ou "left" (para a esquerda);
Lembre-se de deixar a direção sempre entre aspas. No modelo foi
escolhida a direção "right" mas você pode apresentar a sua lição
no sentido "left".
No tag STYLE indique para a MARGIN-TOP:
300px um valor pouco maior do que a altura da sua imagem.
3.3 - Você vai reparar, na aba EDITAR, que aparece lá embaixo
uma linha atravessada no sentido horizontal. O comando que criou
a linha é esse aqui:
<HR style="DISPLAY: none">
Essa linha não é absolutamente necessária e poderá ser retirada,
mas vamos deixá-la, ok?
3.4 - Digite a sua mensagem de rodapé nesta parte do script:
window.status=".... Sua mensagem de rodapé
...."
Quem tem o IE 6.0: caso perceba algum conflito que impeça a
leitura da mensagem de rodapé, delete a linha de comando
destacada acima e deixe sem mensagem de rodapé.
Quem tem o IE 7.0 lerá a mensagem de rodapé normalmente.
4 - Clique na abinha "Visualizar" para conferir se o efeito está
funcionando direitinho.
5 - Faça as alterações nos atributos do tag STYLE (margens,
cores da moldura e barra de rolagem, atributos de fonte, etc.) e
no bgcolor da mensagem para adequá-los à sua formatação.
6 - Na aba Editar digite (ou cole) o seu texto e aplique o som.
Observações
1) Temos percebido a ocorrência de
erro de script
nas formatações que chegam à lista com o banner. Não esqueça de
usar algum recurso antibanner.
2) No modelo 02 foi acrescentada a tabela da lição 02, já com
atributos de fonte. Caso queira apresentar a sua lição como o
modelo 02, pegue AQUI o código completo já incluindo a tabela.
 |
