Curso de Formatação Avançado- Lição 1

Efeito em texto: Marquée



Vamos começar esta segunda etapa com o trabalho com alguns efeitos especiais em textos.

Temos um efeito que é conhecido como marquée ou letreiro. Muito útil para dar destaque a uma frase, um trecho que se queira realçar, enfim... você, conhecendo este recurso, poderá criar muitas variações e deixar seus e-mails atraentes.

Vamos entender um pouquinho o marquée:

Marquée ou Letreiro é um recurso que permite dar movimento a uma parte do texto e pode ser aplicado no Outlook.
O marquée tem alguns atributos, isto é, algumas características que podem ser alteradas quando o aplicamos. É bom conhecer estas características para podermos fazer variações na apresentação de nosso marquée.

1 - Para determinar as dimensões da caixa em que o texto vai rolar, temos de acrescentar os atributos WIDTH e HEIGHT em número de pixels.
Também podemos definir a largura como uma porcentagem.

Exemplo1: <Marquee Height=60 Width=350> Seu texto aqui.</Marquee>

ou

<Marquee Width= 75% Height=60 > Seu texto aqui.</Marquee>

2 - Para definir a cor de fundo da caixa em que a mensagem se movimenta, basta incluir o atributo bgcolor="#ffaaee".

3 - Se não mexermos em nada, a mensagem se movimenta da direita para a esquerda (LEFT). Se quisermos alterar a direção, temos de acrescentar o item 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> Aqui vai o seu exto </MARQUEE>

4 -Se acrescentarmos o atributo SCROLLAMOUNT, a velocidade de deslocamento estará expressa em pixels. Quanto maior o número, mais rápido a mensagem se movimentar.

A velocidade pode também ser expressa em milisegundos. Neste caso, o atributo o é SCROLLDELAY seguido de um número.

Quanto maior é o número, mais lento avança.

6. Para determinar o número de vezes que o marquée vai aparecer devemos usar o atributo LOOP.

Exemplo: <MARQUEE WIDTH=70% HEIGHT=30 bgcolor="#0000FF" LOOP=4> Texto </MARQUEE>

Neste caso, a mensagem vai aparecer 4 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.

Vamos colocar a mão na massa ...

Uma forma simples de obter esse efeito é a seguinte:

1 - Copie o código abaixo e cole na Origem logo após

<BODY bgColor=#ffffff> e antes de </BODY></HTML>


<MARQUEE scrollAmount=50 behavior=alternate width="50%" bgColor=#efeffe
height=30><FONT face="Comic Sans MS">Escrever seu texto aqui</FONT></MARQUEE>


2 - Clique em "Visualizar" para ver se a mensagem está com uma velocidade muito rápida ou lenta demais.

Se quiser alterar a velocidade de deslocamento, volte à "Origem" e mude o scrollAmount=50
Quanto menor o número, mais lenta será a rolagem.

3 - Volte à aba Editar e dê um duplo clique em cima de Escrever seu texto aqui. No retângulo que aparece com um tracejado, você pode escrever oque quiser e alterar o estilo, o tamanho, cor da fonte...

Alterando o código de cor do item bgColor=#efeffe , você muda a cor do fundo onde aparece o letreiro.

Você pode também mudar o tamanho do letreiro, alterando width="50%" (largura) e height=30 (altura)

Tarefa

Crie um e-mail usando um marquée. O texto, a velocidade, as cores, enfim os atributos todos do marquée ou letreiro ficam a seu critério. Use um papel de carta, moldura na mensagem, barra de rolagem colorida, música e uma mensagem de rodapé.

Escreva algumas palavras e envie para o grupo.

A partir de agora, sugiro que você salve seus scripts. Basta abrir seu bloco de notas, e colar o código, salvando-o em alguma pastinha só para seus scripts.

Importante: Insira seu cartão de visitas!

Endereço do grupo: tutorial_emails@yahoogrupos.com.br

Lembre-se de indicar no campo Assunto: Nome do aluno, Nível e Número da lição. Caso a lição tenha sido refeita, inclua a palavra "refeita".

Lição elaborada por Lilian Russo

Lilian Russo - Todos os Direitos Reservados - ©2002/2008




.