Ótimo Script para inserir texto em scroll, ou seja rolando na tela, podem ser utilizados em suas postagens ou como "Widgets" no layout. Uma dica muito útil para reduzir espaços no blog. Podendo colocar em qualquer lugar: sidebar, footer ou outro módulo do seu blog.
Faça sempre backup do seu template antes de modificá-lo , ou tenha um blog de testes, caso algo dê algo errado.
Vá em "Layout" => Adicionar um Gadget
Faça sempre backup do seu template antes de modificá-lo , ou tenha um blog de testes, caso algo dê algo errado.
Vá em "Layout" => Adicionar um Gadget
<marquee heigth="yyy" widht="xxx" direction="direção" behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="nº">
<posição>
<p>Texto 1</p>
<p>Texto 2</p>
<p>Texto n</p>
</posição></marquee>
Definição dos parâmetros de ajuste do(s) texto(s) em scroll:
yyy: Altura do espaço de rolagem (em pixels)
xxx: Largura do espaço de rolagem (em pixels)
direção: define a direção de rolagem:
up – de baixo para cima
down – de cima para baixo
left – da direita para a esquerda
right – da esquerda para a direita
nº: Velocidade de rolagem (quanto maior o número maior a velocidade)
center – centralizado
left – à esquerda
right – à direita
Texto 1, Texto 2, Texto n: Texto que você quer colocar em “scroll”
***Observação:
O comando onmouseover="this.stop()" onmouseout="this.start()" define que quando você posiciona o cursor do mouse sobre o(s) texto(s) ou imagens eles param de rolar. Muito útil quando utilizado com links…
- Omitindo dimensões do espaço de rolagem e posição
<marquee direction="right" behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4">Miss Tutos - tutorias para seu blog
</marquee>
- Omitindo o comando que para a rolagem quando posicionado o cursor
<marquee direction="left" behavior="scroll" scrollamount="4">Miss Tutos - tutorias para seu blog
</marquee>
- Definindo cor do texto
<marquee direction="right" behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4"><font color="#f08080"><strong>Miss Tutos - tutorias para seu blog</strong></font></marquee>
- Colocando borda em torno do texto utilizando uma tabela (defina o tamanho da tabela em <table width=”xxx” heigt=”YYY”>)
<center><br /> <table width="500" heigth="40" valign="middle" border="1"><tbody> <tr> <td><br /> <marquee>Miss Tutos - tutoriais para seu blog</marquee></td></tr></tbody></table></center>
- Rolagem vertical
<marquee heigth="250" widht="250" direction="up" behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4">
<center><p>Miss Tutos</p><p>Miss Tutos </p><p>Miss Tutos </p><p>Miss Tutos </p></center></marquee>
Miss Tutos
Miss Tutos
Miss Tutos
Nenhum comentário:
Postar um comentário