Minha Vida

Atendendo ao pedido da Rafaela vou postar o código da caixinha rolante que o conteúdo para de rolar quando o mouse esta em cima.Ela serve para colocar textos,imagens,banners...Eu uso essa caixinha aqui no blog na sidebar á direita.

Código da Caixinha rolante
(o conteudo para de rolar quando o mouse está em cima)

copie o código e cole no bloco de notas para fazer as alterações de acordo com seu gosto.Quando estiver fazendo as modificações,cuidado para não apagar nenhum sinal,pois o código pode não funcionar corretamente.

<!--inicio do código-->
<center>&ltmarquee onmouseover="this.stop()" onmouseout="this.start()" style="border: 4px dotted rgb(221, 160, 221);" scrollamount="5" direction="down" width="200" height="500">
Aqui vc cola o código da imagem que vc quer que role
Aqui vc cola o código da imagem que vc quer que role
Aqui vc cola o código da imagem que vc quer que role etc...
</marquee></center>
<!--Final do script-->

Entendendo melhor o código:

width => Aqui você pode alterar a largura da caixinha,que coloquei em "200" quanto maior o numero maior a largura.

height=>Aqui você altera a altura da caixinha que está em "500"

style="border: 4px dotted rgb(221, 160, 221);è o estilo ,cor e largura da borda,onde:

4px=> é a largura da borda

rgb(221, 160, 221);=> è a cor da borda,consulte uma tabela de cores Html Aqui

dotted=> è o estilo da borda (veja outos estilos de borda logo abaixo)

scrollamount="5"=> aqui você muda para a velocidade desejada

direction="down"=>aqui você muda a direção,left(p/esquerda), right (p/direita), down (p/baixo) e up (p/cima).

Alguns Estilos de Bordas

Dashed = Borda tracejada

solid = borda solida

dotted = Borda pontilhada

inset = inserido

outset = outset

none = nenhuma

ridget = cume

Créditos: Mariana Souza
Bem é isso Rafaela,espero que goste e qualquer dúvida pode perguntar.