Janela Rolante

.:.:. Caixa com texto rolando .:.:.

Muitas vezes queremos colocar uma imagem ou texto rolando dentro de uma caixinha e não sabemos como!!! Pois bem, a seguir tem caixinhas com todas as bordas que conheço prontas para serem utilizadas!!! É só copiar o código, colar no lugar desejado e inserir o texto ou o código da imagem no lugar indicado!!!

Algumas observações para o código:

Mudar largura: alterar valor do "width"

Mudar altura: alterar valor do "height"

Mudar tamanho da borda: alterar número antes do "px"

Mudar cor da borda: do lado do "px" tem #6a100f, esse é o código da cor

Mudar fonte: em "face" altera do estilo; em "color" troca a cor; em "size" altera tamanho

Mudar velocidade: alterar o valor de "scrollAmount"; quanto maior o número mais rápido anda o texto.

Borda Dotted

Escrever o texto aqui!
<!--Começo ---> <br /> <br /> <!--Scripts...http://dicasetutoriaisjojo.blogspot.com---><br /> <center><marquee direction="up" scrollamount="3" width="210" height="250" style="border: 4px dotted #6a100f; padding-left:2; padding-right: 3; padding-top: 0; padding-bottom: 0"><center><span style="font-family:arial;font-size:85%;color:#6a100f;"></center><center>Escrever o texto aqui!</center></marquee></center><!--Fim --->


Borda Dashed

Escrever o texto aqui!
<!--Começo ---> <br /> <br /> <!--Scripts...http://dicasetutoriaisjojo.blogspot.com---><br /> <center><marquee direction="up" scrollamount="3" width="210" height="250" style="border: 4px dashed #6a100f; padding-left:2; padding-right: 3; padding-top: 0; padding-bottom: 0"><center><span style="font-family:arial;font-size:85%;color:#6a100f;"></center><center>Escrever o texto aqui!</center></marquee></center><!--Fim --->


Borda Solid

Escrever o texto aqui!
<!--Começo ---> <br /> <br /> <!--Scripts...http://dicasetutoriaisjojo.blogspot.com---><br /> <center><marquee direction="up" scrollamount="3" width="210" height="250" style="border: 4px solid #6a100f; padding-left:2; padding-right: 3; padding-top: 0; padding-bottom: 0"><center><span style="font-family:arial;font-size:85%;color:#6a100f;"></center><center>Escrever o texto aqui!</center></marquee></center><!--Fim --->


Borda Double

Escrever o texto aqui!
<!--Começo ---> <br /> <br /> <!--Scripts...http://dicasetutoriaisjojo.blogspot.com---><br /> <center><marquee direction="up" scrollamount="3" width="210" height="250" style="border: 4px double #6a100f; padding-left:2; padding-right: 3; padding-top: 0; padding-bottom: 0"><center><span style="font-family:arial;font-size:85%;color:#6a100f;"></center><center>Escrever o texto aqui!</center></marquee></center><!--Fim --->


Borda Groove

Escrever o texto aqui!
<!--Começo ---> <br /> <br /> <!--Scripts...http://dicasetutoriaisjojo.blogspot.com---><br /> <center><marquee direction="up" scrollamount="3" width="210" height="250" style="border: 4px groove #6a100f; padding-left:2; padding-right: 3; padding-top: 0; padding-bottom: 0"><center><span style="font-family:arial;font-size:85%;color:#6a100f;"></center><center>Escrever o texto aqui!</center></marquee></center><!--Fim --->


Borda Ridge

Escrever o texto aqui!
<!--Começo ---> <br /> <br /> <!--Scripts...http://dicasetutoriaisjojo.blogspot.com---><br /> <center><marquee direction="up" scrollamount="3" width="210" height="250" style="border: 4px ridge #6a100f; padding-left:2; padding-right: 3; padding-top: 0; padding-bottom: 0"><center><span style="font-family:arial;font-size:85%;color:#6a100f;"></center><center>Escrever o texto aqui!</center></marquee></center><!--Fim --->


Borda Inset

Escrever o texto aqui!
<!--Começo ---> <br /> <br /> <!--Scripts...http://dicasetutoriaisjojo.blogspot.com---><br /> <center><marquee direction="up" scrollamount="3" width="210" height="250" style="border: 4px inset #6a100f; padding-left:2; padding-right: 3; padding-top: 0; padding-bottom: 0"><center><span style="font-family:arial;font-size:85%;color:#6a100f;"></center><center>Escrever o texto aqui!</center></marquee></center><!--Fim --->


Borda Outset

Escrever o texto aqui!
<!--Começo ---> <br /> <br /> <!--Scripts...http://dicasetutoriaisjojo.blogspot.com---><br /> <center><marquee direction="up" scrollamount="3" width="210" height="250" style="border: 4px outset #6a100f; padding-left:2; padding-right: 3; padding-top: 0; padding-bottom: 0"><center><span style="font-family:arial;font-size:85%;color:#6a100f;"></center><center>Escrever o texto aqui!</center></marquee></center><!--Fim --->

Beijos!!!