|
Nesta lição estaremos
aplicando um dos filtros do Windows mais conhecidos e mais
utilizados: o filtro de transição. Veja o
modelo ilustrativo.
Nota.
Veja no ANEXO 01 o Quadro Geral
dos efeitos de Transição.
Materiais: um background, uma imagem principal (que
receberá o efeito), um texto e um arquivo de som.
Anote as
dimensões da sua imagem principal pois precisará informar a largura
e altura da mesma.
1 - Abra uma nova mensagem, clique na aba
"Origem", delete tudo o que lá está e cole o seguinte
código:
2 - Digite nos lugares indicados o caminho da
imagem e do background, não esquecendo de preservar as aspas. Caso
queira, aplique o background pela aba Editar (menu Formatar/Plano de
fundo/imagem).
nota. No modelo foi usado o comando para fixar o background.
3 - Indique as dimensões da sua imagem nesta parte do código:
<IMG id=revealpict
style="FILTER: revealTrans(duration=6, transition=12);
VISIBILITY: hidden"
height=440 src="caminho da imagem
principal" width=400
align=middle>
4 - Onde está transition=12 você deve
alterar para um valor entre 0 e 23 e a cada alteração que fizer
verifique na aba Visualizar qual a diferença no efeito. Consulte o
Quadro Geral.
O efeito de número 23 é aleatório, ou seja, a cada vez que a
mensagem formatada for aberta será executado qualquer dos efeitos
anteriores (de 0 a 22).
Feitos os testes, escolha um número com o efeito que mais gostou.
Atenção!! Entre a parte inferior da imagem e o início da tabela
foram deixados dois espaços para que a tabela não ficasse grudada na
imagem. Esses espaços na Origem estão identificados por essas duas
linhas:
height=440 src="caminho da imagem principal" width=400
align=middle>
<DIV> </DIV>
<DIV> </DIV>
<TABLE cellSpacing=10 borderColorDark=#6a675a borderColorLight=#9ea182
Se quiser aumentar o espaço entre a imagem e o início da tabela
basta colocar o cursor do mouse na aba Editar e dar ENTER. A cada
ENTER que for dado na aba Editar corresponderá uma linha <DIV> </DIV>
na Origem.
5 - A Caixa de texto.
Neste código, está sendo usada uma "Caixa de texto" sobreposta a uma
das células da tabela. Seus atributos estão no tag STYLE em .txt
.txt {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; SCROLLBAR-FACE-COLOR:
#888470; FONT-WEIGHT: bold; FONT-SIZE: 10pt; PADDING-BOTTOM: 10px;
SCROLLBAR-HIGHLIGHT-COLOR: #aba99d; OVERFLOW: auto; WIDTH: 550px;
SCROLLBAR-SHADOW-COLOR: #aba99d; COLOR: #cfc5c2; SCROLLBAR-3DLIGHT-COLOR:
#888470; SCROLLBAR-ARROW-COLOR: #aba99d; PADDING-TOP: 15px;
SCROLLBAR-TRACK-COLOR: #888470; FONT-FAMILY: Georgia;
SCROLLBAR-DARKSHADOW-COLOR: #888470; HEIGHT: 240px; TEXT-ALIGN:
center
}
Você já conhece praticamente todos os atributos dessa caixa de texto
(dimensões, atributos de fonte e alinhamento).
Repare que a caixa de texto tem uma barra de rolagem. Você pode
definir cores para a barra de rolagem da caixa de texto diferentes
das cores da barra de rolagem da mensagem.
O atributo PADDING é uma espécie de margem interna à caixa, para que
o texto não fique colado nas bordas.
Nota. Sugerimos a leitura da DICA COMPLEMENTAR nº. 05 -
"O que é PADDING" ?
Faça as alterações nos atributos da caixa de texto de forma a
adequá-la à sua formatação.
6 - Faça também alterações nas cores dos atributos das tabelas (borderColorDark,
borderColorLight e bgColor).
7 - No tag STYLE faça todas as alterações necessárias no código da
moldura e barra de rolagem colorida (mude as cores, espessura das
bordas, estilo de moldura)
8 - Na aba Editar digite o seu texto e aplique o som.
9 - Aplique um script de mensagem de rodapé ao seu gosto.
10 - Envie seu
trabalho à lista usando os recursos antibanner e conferindo o
tamanho da mensagem em kb.
Observação final: essa lição é importante por causa do filtro de
transição e o seu quadro geral. Estude-a com muita atenção.
Importante também porque começamos a introduzir o uso de uma Caixa
de texto nas nossas formatações.
 |
