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):
Da direita para esquerda:
De baixo para cima:
De cima para baixo:
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:
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/
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.
valeu pela postagem, muito interessante essas html.
Valeu pelo elogio, Alessandro!
Pra quem quiser mudar a velocidade so adcionar SCROLLDELAY="30" "30" é a velocidade quanto menos o numero mas rápido ele fica.
Postar um comentário