quinta-feira, 8 de setembro de 2011

Barra de rolagem (economize espaço!)

Heey gurias hoje eu vou ensinar como colocar uma caixa com barra de rolagem no post, economiza um espaço danado As cores do fundo e o tamanho são ajustáveis  -Veja um exemplo abaixo: 









Pra colocar a barra de rolagem em alguma parte do seu blog o código é o seguinte:


<div style="height:100px; width:200px; overflow:auto; background-color: #FFFFCC; text-align: center;padding: 2px; margin:5px "><div style="width:160px">Conteúdo da caixa de rolagem</div></div&gt;
tamanhos e cores do fundo ajustáveis
height:100px - altura
width:200px - largura
background-color: #FFFFCC – cor do fundo

Outras coisinhas que também são ajustaveis
text-align: center – alinhamento(center, left ou right)
padding: 2px - espaço entre a borda da caixa e o conteúdo
margin:5px - margem externa, serve para deixar um espaço vazio ao redor da caixa

(só altere os itens grifados de rosa)


No trecho Conteúdo da caixa de rolagem não esqueça de colocar seu conteúdo 

21 comentários :

  1. Nossa! Super útil . Vou ver se coloco na minha tbm! Ameei :*

    ResponderExcluir
  2. amigaaa fica mais organizado o blog néé
    e sem fala que fica Lindinhooo =D
    Bjaooo :h:

    ResponderExcluir
  3. O seu blog é muito fofo e as dicas são ótimas! :j:
    Beijinhos.

    ResponderExcluir
  4. Bem útil Jackie, principalmente para blogs que postam tutoriais, como o seu.. Na hora que precisar eu sei onde encontro heh.

    Que imagem fofa. *-*

    Bjok´s, Fraan

    ResponderExcluir
  5. Oi Jackie, participa? http://tudosobrecelebris.blogspot.com/2011/09/guerra-dos-blogs-participe-voce-tambem.html :h:

    ResponderExcluir
  6. Super fofo (:
    Tenha uma ótima sexta-feira, $:
    Beijos ;*

    ResponderExcluir
  7. Que legal hein ...
    Gostei da ideia.

    Beijos e tenha um ótimo final de semana!

    Elaine

    http://useihoje.blogspot.com

    ResponderExcluir
  8. Gostei, essas barras de rolagem são mesmo muito úteis!

    http://bruna-morgan.blogspot.com
    http://verboresenhar.blogspot.com (sorteio de livro, participe!)

    ResponderExcluir
  9. Jackie seu blog é lindo. Estou seguindo
    beijinhos
    semodoss.blogspot.com

    ResponderExcluir
  10. ótimo tuturial.
    Bom fds!
    by: Veve Pink
    http://portal-pattys.blogspot.com

    ResponderExcluir
  11. Claro que pode Jackie http://www.blogger.com/comment.g?blogID=2147087455989335385&postID=1061929151973841600&isPopup=true

    ResponderExcluir
  12. tutorial bem util, obrigada , a seila eu achava haha http://fashionscream.blogspot.com/

    ResponderExcluir
  13. OOI, você podia votar na gente no Concurso Blog Perfect ?
    As votações começam no dia 11/09 (amanhã)!
    Brigada !!
    Beijoos s2 !

    http://fashiongirlteen-world.blogspot.com/

    ResponderExcluir
  14. oi já está escrita no concurso!
    beijos
    teengirls-manahatori.blogspot.com

    ResponderExcluir
  15. Que bom =D
    Bom fds!
    by: Veve Pink
    http://portal-pattys.blogspot.com

    ResponderExcluir
  16. Haha, sim, eu amo os poemas e textos dele.
    Alguns super se parecem comigo..

    Bjok´s, Guriia

    Sorriso para vc :), paoksak

    ResponderExcluir
  17. Jack desculpas por fazer akilo vlww pff me perdoa :i: bjãoO

    ResponderExcluir
  18. Jackie ameiiiiiiiiiiii
    faça mais post de tutorias
    bjosss até

    ResponderExcluir
  19. nao percebi mto bem o que é nem onde se usa...
    pode explicar por favor?
    http://xicablog.blogspot.pt/
    jackie eu fico com receio q vc pense q me quero aproveitarde si so por seus goodies, mas adoa mesmo <3 sem falsidade!
    juro por deus e q morra (eu) amanha.
    jinhos

    ResponderExcluir
  20. :i:!! Eu já tentei colocar menus assim mais bonitinhos no meu blog, mas nunca muda nada!! :i:

    ResponderExcluir

.