|
Continuando o estudo
acerca do movimento de imagens nas laterais, vejamos agora um script
de Edgar Poirier que traz 03 (três) imagens em movimento em uma das
laterais.
Este script usa o filtro BlendTrans cuja
função é fazer a imagem aparecer ou desvanecer gradualmente.
Trataremos do assunto "filtros do Windows" em lições
posteriores.
Veja o modelo
ilustrativo.
Você
irá precisar de um background que pode ser um tile (dimensões
aproximadas de 200 x 200), TRÊS (03) imagens principais, um texto e
o som.
IMPORTANTE! As três imagens devem ter as MESMAS
dimensões. Anote essas dimensões, pois terá de informá-las no
script.
Trabalhe suas imagens no PSP de forma a que, ao
repetirem-se, dêem a idéia de continuidade e não apareçam
emendas.
Para aplicar o script proceda da seguinte
forma:
1 - Abra uma nova mensagem, clique na aba "Origem",
delete tudo o que lá está e cole o seguinte script:
2
- Indique nos lugares indicados os caminhos do background e das
imagens que movimentam-se. 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)
das suas imagens nesta parte:
<IMG id=bkg1
style="LEFT: -1800px; WIDTH: 320px;
POSITION: absolute; TOP: -1800px; HEIGHT: 245px"
src="Caminho da
primeira imagem"> <IMG id=bkg2
style="LEFT:
-1800px; WIDTH: 320px; POSITION:
absolute; TOP: -1800px; HEIGHT: 245px"
src="Caminho da segunda imagem">
<IMG id=bkg3
style="LEFT: -1800px; WIDTH: 320px; POSITION: absolute; TOP: -1800px;
HEIGHT: 245px"
src="Caminho da terceira imagem">
3.2 -
Atenção! No caso deste script indique um valor para a MARGIN-LEFT:
350px um pouco maior do que a LARGURA das
suas imagens para que o texto não fique "colado" na caixa onde as
imagens estão movimentando-se.
3.3 - O próprio autor nos
orienta como alterar a direção do movimento de cada
imagem:
REM *******************************
REM * Set
Scroll Direction Below *
REM * For Scroll-Down (yD(x)=1) *
REM
* For Scroll-Up (yD(x)=-1) *
REM
*******************************
yD(1)=1
yD(2)=1
yD(3)=1
Caso queira o movimento para cima (up)
use o sinal negativo
3.4 - A parte do script onde está
definido que são três (03) imagens em movimento é essa:
REM
*** Enter the number of image Layers here ***
numLayers=3
3.5 - Observe o modelo ilustrativo. Na
aba EDITAR a fonte aparece com o tamanho 10, mas na aba Visualizar o
texto aparece com a fonte no tamanho 14. Isso porque o script
possibilita definir o tamanho da fonte e Lurdes escolheu o tamanho
14. Você pode mudar o tamanho da fonte nesta parte:
REM *** Set Font
Size ***
baseFont=12
3.6 -Não esqueça de digitar a sua
mensagem de rodapé na parte indicada no script.
3.7 - Não
altere nada, nem retire essa parte:
<DIV id=container
style="Z-INDEX: -1; FILTER: BlendTrans(Duration=2); LEFT:
-1800px; WIDTH: 1024px; POSITION: absolute; TOP: 0px; HEIGHT:
768px"></DIV>
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, tipo e cor da fonte,
margens, etc.).
5 - Clique na abinha "Visualizar" para
conferir se o efeito está funcionando direitinho.
6 - Na aba
Editar digite (ou cole) o seu texto e aplique o som.
Seu Exercício: estando tudo certinho, envie à lista a sua
formatação não esquecendo de usar os recursos antibanner e conferir
o tamanho da mensagem (em kb).
 |
