Texto em Scroll

Ó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

<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)

<posição>: Define a posição inicial do(s) texto(s)

                 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…

Textos em Scroll

• 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>

Miss Tutos - tutorias para seu blog

• 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>

Miss Tutos - tutorias para seu blog

• 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>

Miss Tutos - tutorias para seu blog

• 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>

Miss Tutos - tutoriais para seu blog

• 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
Miss Tutos