domingo, 19 de outubro de 2008

Criando texto animado facilmente

O último desse domingo!

Introdução

Nesse tutorial disponibilizarei um código que simula um texto animado, que pode ser colocado no seu blog: para anunciar um evento, uma novidade, um aviso, etc. O código só usa simplesmente HTML, e não tem nenhuma complicação!

Informações
Programa utilizado: Nenhum
Subcategoria: Animação
Nível de dificuldade:
Fácil

Tutorial

1. Comece indo ao código-fonte de seu blog, site, etc. E cole o código abaixo:

<marquee direction="right" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="5"><p style="font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #999999;"><em>Texto aqui</em></p></marquee>


Caso você queira que o texto se movimente para outra direção, basta alterar o comando "direction" de "rigth" para "up" (de baixo para cima), "down" (de cima para baixo) e "left" (da direita para esquerda).

Seu resultado será esse:

Da esquerda para direita (o mesmo código disponibilizado):

Aqui ficará a mensagem feita por você.



Da direita para esquerda:

Aqui ficará a mensagem feita por você.



De baixo para cima:

Aqui ficará a mensagem feita por você.



De cima para baixo:

Aqui ficará a mensagem feita por você.




Flw!





Original de: Tuto de Tudo
Se caso você viu este post em outro blog, site, etc sem seus devidos créditos. Denuncie-o clicando aqui.

5 comentários:

Marcos Lemos disse...

Obrigado pela visita.
Tb adicionei seu link à minha lista confirmando a parceria...

Gostei muito do seu blog... principalmente do layout...
e se me permitir, vou colocar essa do texto animado no meu blog (com os devidos créditos ao seu endereço com destaque, claro!).

Valeu!

Marcos Lemos - http://ferramentasblog.blogspot.com/

Ramon Davi disse...

Olá Marcos Lemos,

eu que digo obrigado pela sua visita e pelos elogios.
Enquanto ao tutorial, pode colocar!

Valeu!

PS: Desculpa a demora da resposta, nem tinha visto esse seu comentário.

Alessandro Souza Cunha disse...

valeu pela postagem, muito interessante essas html.

Ramon Davi disse...

Valeu pelo elogio, Alessandro!

Thiago disse...

Pra quem quiser mudar a velocidade so adcionar SCROLLDELAY="30" "30" é a velocidade quanto menos o numero mas rápido ele fica.

© 2008
Tuto de Tudo
Todos os direitos reservados.