15.2.12

Como esconder a C-box

Owwn *--*

Oiie minhas pipocas !

Obaa, mais um tuto pra voces =D É como esconder a C-box. Fica uma foto na sidebar e quando voce clica nela desliza a c-box pra baixo da imagem! Vamos:

Vá no seu html e procure (ctrl f) pela tag : </head>

ACIMA dela cole o código


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/2wl9p6g/G70lj5t0q/animatedcollapse.js"></script>
<script type="text/javascript">
animatedcollapse.addDiv('jason', 'fade=1,height=80px')
animatedcollapse.addDiv('kelly', 'fade=1,height=100px')
animatedcollapse.addDiv('michael', 'fade=1,height=120px')
animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets')
animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1')
animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1')
animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted
//$: Access to jQuery
//divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID
//state: "block" or "none", depending on state
}
animatedcollapse.init()
</script>

Salve o HTML.

Vá em design e crie um novo gadget de html/javascript e cole o código:

<a href="javascript:animatedcollapse.toggle('dog')"><img 
src="LINK DA IMAGEM "/></a><div id="dog"
style="display:none"> Cole o HTML da c-box</div>


 Substitua o LINK DA IMAGEM pelo url da imagem escolhida e o Cole o HTML da c-box substitua pelo código da c-box.
 Se quiser, eu encontrei algumas lindas no Cherry Bomb. Se quiser ver é só clicar aqui.

Créditos ao Fashion Scream.

Gostaram? 

Beijos :*

6 comentários:

  1. Oi,oi amei o seu blog!!
    E você pode seguir o meu blog??
    beijos,fê!!

    mundo-da-fezinha.blogspot.com

    ResponderExcluir
  2. Adorei o tutorial!
    Queria convidar você para conhecer e seguir o meu blog:


    http://rosarosalina.blogspot.com

    ah ,e aqui é muito lindo , parabéns!

    ResponderExcluir
  3. adorei o tutu muito util :) bom estou fazendo um concurso no blog e é o primeiro, quero muito que de certo me ajuda? Participa Por favor seria uma honra pra mim o design do seu blog é lindo e o conteudo ótimo me ajudaa? http://brunomeuemeu.blogspot.com/2012/02/concurso-de-fevereiro.html#more obrigada flor Beijo

    ResponderExcluir
  4. Oiee sou a vanessa e estou seguindo retribui te concurso no meu blog!!! por favor participe!!!!

    www.livina-teendream.blogspot.com

    e se tem vaga posso virar afilado por fvaor bjoss vá

    ResponderExcluir
  5. Tô seguindo de volta! Obrigada por me seguir!

    http://rosarosalina.blogspot.com

    ResponderExcluir
  6. Oieee... Amei o blog! Quer ser afiliada?


    http://simplismentecute.blogspot.com/

    Bjos de chocolate!

    ResponderExcluir

- Não xingue, se for xingar é melhor nem comentar.
- Aceito críticas e sugestões construtivas.
- Se quiser, deixe o endereço do seu blog e eu faço uma visita!