Barra/Cortininha fixa + Efeito enquadrado

05/09/2012
Oi seus cutes, hoje vim ensinar como colocar cortininha fixa no blog, e vim também mostrar como se faz o efeito blog enquadrado e também trouxe algumas cortininhas para vocês. Estava fuçando meu blog de testes e de repente criei esse efeito, achei bem legal e decidi trazer para vocês. Ficou curioso ? Veja os tutorias e as cortininhas clicando em Leia mais.


                                                      
 
Resultado do efeito blog enquadrado 

 

Blog enquadrado

 Layout >> adicionar um gadget >> HTML/JavaScript. E cole o código abaixo e aonde está escrito " url da imagem"coloque o url da cortininha.

<div style=" background-image: url('URLDA IMAGEM'); top: 0px; right: 0px; width: 10px; height: 100%; z-index: 100; position: fixed;"></div>
<div style=" background-image: url('URL DA IMAGEM'); top: 0px; left: 0px; width: 100%; height: 10px; z-index: 100; position: fixed;"></div>
<div style=" background-image: url('URL DA IMAGEM'); bottom: 0px; left: 0px; width: 100%; height: 10px; z-index: 100; position: fixed;"></div>
<div style=" background-image: url('URL DA IMAGEM'); top: 0px; left: 0px; width: 10px; height: 100%; z-index: 100; position: fixed;"></div>

 

Cortininha no blog + cortininhas

Layout >> adicionar um gadget >> HTML/JavaScript. E coloque o código conforme aonde você queira colocar a cortininha , veja os códigos abaixo.

Lado direito

 <div style=" background-image: url('LINK DA CORTININHA'); top: 0px; right: 0px; width: 40px; height: 100%; z-index: 100; position: fixed;"></div>

Lado esquerdo

 <div style=" background-image: url('LINKDACORTINA'); top: 0px; left: 0px; width: 40px; height: 100%; z-index: 100; position: fixed;"></div>

 Topo

  <div style=" background-image: url('LINKDACORTINA'); top: 0px; left: 0px; width: 100%; height: 40px; z-index: 100; position: fixed;"></div>

 A baixo

  <div style=" background-image: url('LINKDACORTINA'); bottom: 0px; left: 0px; width: 100%; height: 15px; z-index: 100; position: fixed;"></div>


 



14 comentários

  1. ótimo tutorial ana (:
    um beijo
    kethleen ~ world of girls

    ResponderExcluir
  2. ótimo tutorial, adorei as cortininhas, e vim aqui te avisar que você acertou a imagem em primeiro lugar, ganhou 2 semanas de divulgação ^^
    kisses~~

    The Baby

    ResponderExcluir
  3. Adorei os tutoriais, não conhecia o do enquadramento!
    Salvei algumas cortininhas, tudo bem?

    Beijos,
    Mundorosaachock.blogspot.com

    ResponderExcluir
  4. Olá fofa!Tudo bem? Amei seu blog amore!
    Ahah tudo lindo aqui bjs e obrigada por sua visita!

    editionromeuejulieta(.blogspot.com)

    ResponderExcluir
  5. Adoreeii achei super criativo =]

    #bezoos~~> perfeitosmile.blogspot.com

    ResponderExcluir
  6. Adorei os tutoriais! Achei um máximo o que enquadra o blog, super criativo parabéns.
    E obrigada pela divulgação flor, ajudou muito.
    Sou muito fã do AO.
    Kisses <3'

    ismeninadelicada.blogspot.com

    ResponderExcluir
  7. Adorei, super legal o enquadramento, ainda não tinha visto! rsrs!
    Bezos~~> SmileeCherry(.blogspot.com)

    ResponderExcluir
  8. POnnnnnnnnnnnnnnnnnnnww qu fofas as cortinas rs


    (O blogger está excluindo blogs que comentam com o link, portanto se você for retribuir o comentário retire os parênteses do link. Clica no meu nome para ir a meu perfil;D Obrigada!)

    ResponderExcluir
  9. Fica lindo demais!!! Adorei o tuto!!
    kissus ^ ^

    ->Morango aos Pedaços

    ResponderExcluir
  10. Muito legal! Mas não conseguir colocar o efeito enquadrado!
    Seguindo!
    beijoos

    .:: Meu Jardim Secreto ::.

    ResponderExcluir
  11. Fica muito legal o efeito enquadrado!
    bangteen.blogspot.com

    ResponderExcluir
  12. ótimo tutu! adoreei <3 suuper bem explicadinho hihi'
    Bezoos Amoree! Nhaack :3

    ResponderExcluir
  13. Nunca vi um tutorial desse de blog enquadrado, achei bem legal, amei o tutu *-*
    garotadoolharsincero.blogspot.com

    ResponderExcluir

Retribuo todos os comentários, menos comentários como Seguindo, segue de volta ? ou parecidos, esses NUNCA serão respondidos!
Fora isso fique a vontade para comentar e volte sempre <3