|
Marquée ou Letreiro é
um recurso muito usado nos sites que permite dar movimento a uma
parte do texto de forma simples, produz um efeito interessante e não
sobrecarrega a página em termos de Kb. É uma extensão HTML
não-padrão e, atualmente, pode ser exibido apenas no Internet
Explorer (Netscape e outros navegadores não).
Também podemos
aplicá-lo no Outlook, colocando o seu tag na aba Origem.
O
Marquée é algo assim:
Para aplicá-lo utiliza-se o
tag <MARQUEE> (e seu par de fechamento) para marcar o trecho
de texto que será animado.
A etiqueta básica é:
<MARQUEE> Texto </MARQUEE>
Isso quer dizer que se
você colocar só essa etiqueta (ou sintaxe), na aba Origem dos e-mails, vai funcionar direitinho, porque o programa já tem um
padrão programado e vai criar automaticamente uma caixa para o texto
rolar.
No padrão, a mensagem virá sempre da direita para a
esquerda.
Qualquer alteração no padrão (default), terá de ser
feita com atributos acrescentados logo após o primeiro tag MARQUEE e
poderemos então determinar as dimensões da caixa de texto onde a
mensagem irá se deslocar, alterar a direção do deslocamento, a
velocidade, colocar uma cor de fundo, etc.
Principais atributos que podem ser
acrescentados
1 - Se
quisermos definir as dimensões da caixa em que o texto vai rolar,
teremos de acrescentar os atributos WIDTH e HEIGHT em número de
pixels.
Também podemos definir a largura como uma
porcentagem.
Exemplo1: <Marquee Height=50 Width=700>
Aqui você coloca o texto.</Marquee>
Exemplo2:
<MARQUEE WIDTH=50% HEIGHT=60> TEXTO </MARQUEE> Neste
segundo exemplo, o texto em movimento ocupa 50% de largura e tem 60
pixels de altura.
2 - Podemos definir uma cor para o fundo da
caixa onde a mensagem se movimenta, bastando incluir o atributo
BGCOLOR="#xxyyzz".
Exemplo: <MARQUEE WIDTH=50% HEIGHT=60
bgcolor="#0000aa"> TEXTO </MARQUEE>
Neste caso,
escolhemos a cor azul para o fundo.
3 - Quanto à direção, se
nada for determinado, o programa vai entender que a mensagem deve se
movimentar da direita para a esquerda (LEFT). Se quisermos alterar a
direção, temos de acrescentar o atributo DIRECTION, da seguinte
forma:
Direction=right - a mensagem se deslocará da esquerda
para a direita;
Direction=up - de baixo para
cima;
Direction=down - de cima para baixo.
Exemplo:
<MARQUEE DIRECTION=RIGHT> Texto </MARQUEE>
Nada
impede que usemos o atributo Direction=left mas, se nada for
acrescentado na etiqueta básica, já será esse o sentido do
movimento.
4 - Quanto à velocidade de
deslocamento
Acrescentando o atributo SCROLLAMOUNT, a
velocidade de deslocamento estará expressa em pixels. Quanto maior o
número, mais rápido avança.
Exemplo: <MARQUEE
SCROLLAMOUNT=50> Texto </MARQUEE>
Encontraremos
também a velocidade expressa em milisegundos. Neste caso, o atributo
a ser acrescentado é SCROLLDELAY seguido de um número.
Quanto
maior é o número, mais lento avança.
Exemplo: <MARQUEE
SCROLLDELAY=200> Texto </MARQUEE>
5 - Se
quisermos definir o número de vezes que o texto em movimento vai
aparecer temos de acrescentar o atributo LOOP.
Exemplo:
<MARQUEE WIDTH=30% HEIGHT=30 bgcolor="#0000FF" LOOP=2> Texto
</MARQUEE>
Neste caso, a mensagem vai aparecer 2
vezes.
OBS. Se não definirmos nada, por default, o texto se
repete infinitamente.
6 - Acrescentando o atributo BEHAVIOR,
modificamos a forma como o texto em movimento vai aparecer na
tela.
Pode ser SCROLL (default),
SLIDE ou ALTERNATE.
SCROLL - o texto aparece e se desloca, some da
tela e depois volta a aparecer de onde começou.
Para o modo SCROLL
que já é o padrão, não precisamos acrescentar o atributo
BEHAVIOR.
SLIDE - o texto se
movimenta e pára, sem desaparecer da tela.
ALTERNATE - o
texto se move de um lado para o outro sem desaparecer da
tela
Exemplo: <MARQUEE
BEHAVIOR=ALTERNATE> Texto </MARQUEE>
Todas essas
possibilidades nos permitem várias combinações no uso de um
Marquée.
(ver lição 17 do nível Iniciante com aplicação de
marquée no Outlook). |
