11/08/2012

Texto Animado (Texto que se move)


Bom esse efeito e mais conhecido como "Efeito Marquee", eu no caso prefiro o chamar de texto animado. Há vários tipo de efeito de movimento, irei mostrar para vocês. Mas antes deixo uma dica! Nunca use em uma postagem em inteira ou outros detalhes, pós pode se torna confuso e cansativo.
O ideal e usar para marca pequenos trechos ou avisos! Exemplo: Postarei só Domingo!!!
Entenderam? Bom vamos lá agora.


Blink: 
Eu Pisco,Tu Piscas, Vós o que mesmo?

Bom no exemplo acima foi usado o seguinte código:

<center><font color=#0000FF><blink>Atenção!!!</blink></font></center>

Você pode mudar a cor dele é claro mudando a numeração de cor, se desejar em negrito você usa esse codigo:

<font color=#0000FF><b><blink>Atenção</b></blink></font>

Eu recomendo que o blink seja usado apenas em alguns detalhes (indicações),  pois ele cansa muito a visão.


Marquee
Vou correr ate a proxima banca de mangá!
O código do Marquee e esse:

<marquee>Vou correr ate a próxima banca de mangá</marquee>

Se você desejar colocar cor é só usar esse a baixo.

<span style="color: rgb(255, 0, 0);"><marquee behavior=scroll>Vou correr ate a próxima banca de mangá</marquee></span>

Ae você também pode utilizar imagem também veja:


Para por com imagem use esse código: 
<marquee behavior="alternate"><img src="URL DA IMAGEM"></marquee>

Se desejar na direção inferior utilize esse código:

<marquee style="font-family: arial;" slide direction="right"><span style="color: rgb(255, 160, 120);">Ahhh que fome!!! </span></marquee>


Efeito Subindo




Eu moro lá no topo

<marquee direction=up <P align="center"><center> <font color=#7B68EE>Eu moro lá no topo</font></p></marquee>

Esse segue as mesmas dicas dos de cima! A diferença é que sobe! Em breve farei uma postagem explicando mais sobre eles. Ok? Espero que tenham gostado ate aproxima.

2 comentários:

  1. Oi gatinha passando pra te dizer um oi.
    Amei efeito com a imagem "estrelinha" vou usar na minha proxima postagem

    Beijoss e um otimo fim de semana

    ResponderExcluir
  2. Yooo! Obrigada pela visitinha!
    Heheh terei um prazer em ver ^^

    Obrigada para você também.

    ResponderExcluir

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345