16 outubro, 2011

Como esconder conteúdo da cBox

Tumblr_lqthm9tgkw1qhwy7ko1_500_large
Hoy, pessoal!!!Hoje vou ensinar a esconder o conteúdo da cBox!Vocês viram que eu coloquei uma imagem em cima da area dos posts escrita: Abrir cBox, e quando vc clica abre a cBox?Então isto é muito fácil e por isto vou ensinar a vocês!

Créditos do tutorial: Cherry Bomb

Vá no HTML do seu blog (Modelo > Editar HTML), aperte Ctrl+F e procure pela tag </head>

Cole logo acima de </head> esse 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 as alterações e pronto!


Você só precisa colocar o código abaixo onde quiser esconder alguma coisa:


<a href="javascript:animatedcollapse.toggle('dog')">Palavra,frase ou imagem que quando clicada faz aparecer o conteúdo</a>
<div id="dog" style="display:none"> Coloque aqui o conteúdo</div>




Onde esta "Palavra,frase ou imagem que quando clicada faz aparecer o conteúdoVocê substitui pela palavra, frase ou imagem que quando clica aparece a cbox!E onde esta " Coloque aqui o conteúdo " você substitui pelo codigo da cbox!Beijinhos!

Um comentário:

  1. Este comentário foi removido por um administrador do blog.

    ResponderExcluir