Fazendo algumas pesquisas na net, vi que muitos blogs assim como o meu, gostam de apresentar-se de forma mais dinâmica e menos rotineira, na maioria das vezes com placas e textos que deslizam pela tela...
por isso resolvi postar aqui como fazer aquele efeito de texto deslizante que vai de um lado para o outro da tela como se fosse uma imagem animada como GIF.
Vamos lá...
Fazendo um Texto rolante em sua tela com a "Hack" <marquee> ..
Vamos aprender a fazer textos rolantes com o hack marquee afinal não é um bicho de sete cabeças é muito mais simples do que parece.. e todos podemos usar sem pesar muito em nosso blogs...
O Código é assim: Basta Copiar (Ctrl + C) Ir no seu blog Adicionar Elementos de HTML, e Colar (Ctrl + V):
<marquee direction="right">sua frase</marquee>
Acima onde esta o palavra SUA FRASE em vermelho, basta apagar e colocar a frase que quer que apareça em sua tela deslizando ..
<MARQUEE DIRECTION="RIGHT">→ SUA FRASE</MARQUEE>
neste Exemplo acima a frase vai rolar para lá: →
Simples e Fácil não acha?!
Mais um exemplo este é um pouco mais Avançado que pode melhorar ainda mais o visual do seu texto Rolante... Veja:
<marquee behavior="SCROLL" width="100%"><span style="font-weight: bold;">ESCREVA O QUE QUISER AQUI!</span>
<span style="font-style: italic;">AQUI FICA DENTRO DE UM QUADRO DIGITE O SEU TEXTO</span><blockquote>DIGITE O QUE QUISER AQUI!</blockquote></marquee>
Vou dar uma pequena explicação sobre o código acima são 3 Quadrinhos de textos rolantes.. ao invés de só um.. como no primeiro exemplo..
onde esta o código = behavior="SCROLL" width="100%">
Width = Largura ou seja o tamanho do quadro em que seu texto ira aparecer!
trocando o width = 100% por width= 50% ficará a metade do tamanho de antes!
Agora mãos a massa... Vamos Aproveitar para personalizar ainda mais nosso blogs!!
.jpg)
