15 de nov de 2012

Caixa com Texto/ Imagem rolando

Tumblr_md9koqexds1rkj3seo1_500_large

 Aquela caixa giratória para ficar mais bonitinho e organizado.
 Trouxe aqui o tutorial de como coloca-los e alguns modelos.
 Site: Dicas e Tutoriais



Borda Dotted


Código:

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



Código:

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


Código:


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


Código:

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

Entenda o Código:

Mude a largura alterando o valor de "width"
Mude a altura alterando o valor de "height"

Mude a fonte em "face" ; troque a cor em "color" e o tamanho em "size"

Mude o tamanho da borda alterando o valor do "px"
Mude a cor da borda em "6a100f ao lado do "px"
Mude a velocidade alterando o valor de "scrollAmount" (maior o número, mais rápido será).

Clique aquie veja a tabela de cores


Como Coloca-los:

abra seu blog, vá em Layout adicionar um Gadget.
HTML/Java Script.
Cole o código que escolheu, ajuste-o segundo suas preferencias e escreva seu texto onde está:
"Escrever o texto aqui"
ou cole os links de imagens que quiser.

Nenhum comentário:

Postar um comentário

Não saia sem comentar!
Comentando vocês nos incentiva a continuar postando e podemos saber de sua opinião quanto ao post e/ou o blog!

OBS: Por favor. Vamos manter a postura.
Sem xingamentos com palavras de baixo calão