Ir para conteúdo
Faça parte da equipe! (2024) ×
Conheça nossa Beta Zone! Novas áreas a caminho! ×
  • Quem está por aqui   0 membros estão online

    • Nenhum usuário registrado visualizando esta página.

[TUTORIAL] Textos Animados HTML


Juliana~*
 Compartilhar

Posts Recomendados

[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.

 

SCROLLDELAY="valor" - define a velocidade.

 

Exemplo:

 

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

 

 

 

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!

"Queridos Edward e Jacob,

Adoro vocês dois, mas vou passar o fim de semana com Jace."

 

Link para o comentário
Compartilhar em outros sites

Este tópico está impedido de receber novos posts.
 Compartilhar

×
×
  • Criar Novo...

Informação Importante

Nós fazemos uso de cookies no seu dispositivo para ajudar a tornar este site melhor. Você pode ajustar suas configurações de cookies , caso contrário, vamos supor que você está bem para continuar.