|
Essa lição
traz o movimento de duas imagens, uma em cada lateral e uma
caixa para o texto. Veja o
modelo ilustrativo.
Para compreender melhor o funcionamento do script sugerimos que
faça alguns testes. Pegue AQUI o arquivo compactado que contém o
modelo-teste. Feitos os testes retorne à lição, prepare seus
materiais e acompanhe as orientações abaixo descritas.
Material: um background
(pode ser um tile), DUAS imagens com largura máxima em torno de
250px, um
texto e o som.
As imagens NÃO precisam ter as MESMAS dimensões. Anote as LARGURAS das imagens, pois terá de
informá-las no código.
Trabalhe suas imagens no PSP de forma a que, ao repetirem-se no
sentido vertical, dêem a idéia de continuidade e não apareçam
emendas. Caso prefira, use gif de fundo transparente.
1 - Abra uma nova mensagem, clique na aba "Origem", delete tudo
o que lá está e cole seguinte código:
2 - Indique o caminho do background e
das imagens. 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 LARGURAS das suas imagens nesta parte:
<TABLE id=tab1
style="LEFT: 0px; WIDTH: 230px;
POSITION: absolute; TOP: 0px; HEIGHT: 200%"
align=center>
e
<TABLE id=tab2
style="RIGHT: 0px; WIDTH: 240px;
POSITION: absolute; TOP: 0px; HEIGHT: 200%">
Atenção!
Estamos pedindo que indique nas partes destacadas o mesmo valor das
larguras das suas imagens
para que elas ocupem exatamente as larguras das tabelas que as
contém, como no modelo ilustrativo. Caso tenha optado pela
formatação conforme o modelo-teste faça as adequações
necessárias na largura da tabela para que a imagem não apareça
cortada.
3.2 - A direção (sentido) do movimento de cada imagem está
definido pelas equações:
Sub scroll()
x=x
y=y+1
a=a
b=b-1
Caso queira que as imagens desloquem-se no mesmo sentido (ambas
para cima, ou ambas para baixo) basta colocar o mesmo sinal nas
equações "y" e "b"
3.3 - Quanto à Caixa de Texto
No tag STYLE, em .div1 estão definidos os atributos para a caixa
de texto: as bordas, a cor do seu plano de fundo, atributos de
fonte, dimensões, posicionamento, etc.
Faça as alterações necessárias para harmonizar com a sua
formatação.
3.4 - Não esqueça de digitar a sua mensagem de rodapé nesta
parte:
window.status=" *** Sua mensagem de rodapé *** "
4 - Ainda no tag STYLE faça todas as alterações no código da
moldura e barra de rolagem colorida. Caso queira, use o código completo
da barra de rolagem colorida.
5 - Clique na abinha "Visualizar" para conferir se o efeito está
funcionando.
6 - Na aba Editar digite (ou cole) o seu texto e aplique o som.
Para colar o texto, estando na aba EDITAR, dê um duplo clique na
caixa de texto até as bordas ficarem tracejadas.
Estando tudo certinho, envie à lista o seu trabalho, não
esquecendo de aplicar os recursos antibanner.
 |
