10 março 2012

Lay Pronto+ candy footer sidebar

Olá, desculpem a desorganização dos últimos dias,  mas estava a fazer o lay novo, gostaram. Vamos ao tutorial. Hoje vou ensinar a fazer a Candy Fotter Sidebar que aprendi no Candylland. Actualmente uso a Candy Footer Sidebar, vamos ao tutorial.

   Procure por  <footer> e cole acima:


Code

E depois procure por /b:skin e cole acima:

Code /*======================ESTILOS PARA O FOOTER SIDEBAR=======================*/ #side-wrapper{ width:980px; height:auto !important; margin:0 auto; display:block; padding:10px 0; background:#fff; box-shadow:inset 0 0 10px #eee, 0 2px 3px #ccc; border-radius:10px } #side1,#side2,#side3{ width:30%; float:left; background:#f9f9f9; margin-left:15px; border-left:4px #eee solid; border-right:4px #eee solid } #side1 h2,#side2 h2,#side3 h2{ font-size:25px; margin-bottom:10px; text-align:center; border-bottom:3px #f9b solid} /*==================BÔNUS===================== ------estilos para blog roll------------------*/ .blog-title a{ font-size:15px; line-height:22px; font-weight:400; color:#888; text-shadow:0 1px #ddd; background:#fee; display:block; box-shadow:0 -1px 2px #ccc; border-left:3px #f9b solid; padding-left:15px } .item-title a{ font-weight:400; color:#777 } /*=======Fim-By-Gizaa[candylland.blogspot.com]========*/
Gostaram do tutorial, Beijos

14 comentários:

  1. Otimo tutorial e bem legal amei e amei seu blog e muuito lindo e criativo *--*
    http://pdisturbia.blogspot.com/

    ResponderEliminar
  2. Gostei do layout do seu blog,ficou bem bonito, você pode ensinar como você colocou os gadegets separados na sidebar e quando passa o mouse eles desaparecem?
    http://perfeitamenteteen.blogspot.com

    ResponderEliminar
  3. Que lindo seu blog e amei o tutorial . parabens ;D
    http://guiaextra.blogspot.com/

    ResponderEliminar
  4. Até agora não entendi qual o tuto, KK'
    Mas parece ser bem legal (:

    Beijão, world-cutest.tk

    ResponderEliminar
  5. Não entendi muito bem... Eu não sou muito essas coisas de Html '-' Mas ficou bom, bem explicado.

    Beijos, hannets.blogspot.com

    ResponderEliminar
  6. Adorei o blog!! Já sigo seu blog em nome : Lara Paiva!! Adorei o comentário que pos no meu blog, pode segui-lo?? ;)

    www.xicablog.blogspot.com

    ResponderEliminar
  7. Haa que bom que gostou amr seu blog tá lindo já estou seguindo tá
    Beizos :*
    Rawr->Sundae Dreams

    ResponderEliminar
  8. Sério, amei muito o seu lay s2' super divo!
    Beijos e Beijos,

    teenagesky.blogspot.com

    ResponderEliminar
  9. adorei seu blog cuute amor! *-*
    dá uma passadinha la no meuu ?
    www.paradateen1.blogspot.com
    beijos ;*

    ResponderEliminar
  10. Simplesmente adorei o blog.
    E esse tutorial super bem explicado.
    PARABÉNS pelo capricho flor!

    www.docebobagem.blogspot.com

    ResponderEliminar