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>
<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 :*
Oi,oi amei o seu blog!!
ResponderExcluirE você pode seguir o meu blog??
beijos,fê!!
mundo-da-fezinha.blogspot.com
Adorei o tutorial!
ResponderExcluirQueria convidar você para conhecer e seguir o meu blog:
http://rosarosalina.blogspot.com
ah ,e aqui é muito lindo , parabéns!
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
ResponderExcluirOiee sou a vanessa e estou seguindo retribui te concurso no meu blog!!! por favor participe!!!!
ResponderExcluirwww.livina-teendream.blogspot.com
e se tem vaga posso virar afilado por fvaor bjoss vá
Tô seguindo de volta! Obrigada por me seguir!
ResponderExcluirhttp://rosarosalina.blogspot.com
Oieee... Amei o blog! Quer ser afiliada?
ResponderExcluirhttp://simplismentecute.blogspot.com/
Bjos de chocolate!