[TUTORIAL] Textos Animados HTML

[Juliana~* 26]

[TUTORIAL] Textos Animados HTML (MARQUEE):

 

Hoje vou encinar a você a como adicionar Textos animados em HTML, para uma melhor aparencia no seu site

 

Para se colocar um texto animado será utilizado a tag: <marquee></marquee> e o texto irá rolar da direita para a esquerda. Para que o texto role da esquerda para a direita acrescente direction="right". Para que o texto role de baixo para cima acrescente direction=”up”. Para que o texto role de cima para baixo acrescente direction=”down”.

Utilizando o “up” ou “down”, os mesmos podem ser definidos a altura: height=”valor” e a largura: width=”valor”

OBS: Efeito visualizado somente no Internet Explorer.

 

Exemplo:

 

<marquee> digite seu texto</marquee>

<marquee direction="right"> digite seu texto</marquee>

<marquee direction=”up” height=”30” width=”100”>digite seu texto</marquee>

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

SCROLLDELAY="valor" - define a velocidade.

 

Exemplo:

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

 

 

OBS: O texto pode ser formatado e o marquee poderá ser alinhado. O texto poderá ser substituído por uma imagem.

 

Veja alguns exemplos:

 

<p><marquee>Exemplo de texto animado</marquee>

<p><marquee direction="right"><font size="3"color="#ff00cc" face="Comic Sans MS">Exemplo de texto animado</font></marquee></p>

<p><marquee align="middle" behavior="slide" bgcolor="#C0C0C0"><font size="5"color="#ffcc00" face="Lucida Console">Exemplo de texto animado </font></marquee></p>

<p><marquee align="bottom" behavior="alternate" bgcolor="#FFFFFF"><font size="4"color="#cc0000" face="Monotype Corsiva">Exemplo de texto animado</font></marquee></p>

<p><p align="center"><marquee><img src=”nomedaimagem.jpg”> </marquee></p>

<p><p align="right"><marquee bgcolor="#FFFF99" width="350" height="30" behavior="alternate"><font size="6"color="#ffccff" face="Monotype Corsiva">Exemplo de texto animado</font></marquee>
</p>

<p><marquee bgcolor="#66CCFF" width="400" height="30" behavior="alternate" scrolldelay="300">Exemplo de texto animado</marquee></p>

 

Creditos:Juliana~*

 

Se gostou agradeça! se não gosto, agradeça!