Novas postagens estão vindo, só que meu novo notebook tem teclado inglês, ou seja, sem acentos, e não quero fazer uma postagem ruim para vocês, então, vai demorar um pouquinho, já que vou ter que usar o computador de casa. Mas pelo menos eu estou de volta, hehe. :)

30 de novembro de 2011

Tutorial - Esconder Conteúdo (igual ao 'Menu')

A pedido da Lala do Moda Teens World e da Júh, do Naturally Young, irei fazer um tutorial sobre como esconder o conteúdo, como o Menu daqui(o tutorial é de esconder conteúdo, não de fazer o menu igual ao do PT). Consegui o tutorial no Cherry Bomb, então os créditos são para a Liah.

Vá em Design >> Editar HTML, aí você procura (Ctrl+F) por </head>. Cole acima da tag o código abaixo:
<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 as alterações, agora para o código funcionar você precisa colocar o código abaixo, quando quiser esconder algum conteúdo:
<a href="javascript:animatedcollapse.toggle('dog')"><img src="LINK DA IMAGEM QUE VAI ABRIR O CONTEÚDO"/></a>
<div id="dog" style="display:none"> Coloque aqui o conteúdo</div>
É isso, beijão! Se serviu, comenta!
CRÉDITOS: CHERRY BOMB

Um comentário:

Regrinhas dos comentários:
-Pode divulgar seu blog, mas pelo menos conte o que achou da postagem.
-Deixe o link do seu blog/site para que possamos retribuir o comentário.
- Não são permitidos xingamentos e termos chulos.

Comente a vontade!

.