23 de jan. de 2013

Escondendo a C-Box


Heey pessoas, hoje trago pra vocês um tutorial que encina a esconder a c-box. Um exemplo disso está no blog  Anything Anywhere :




 Vá em Modelo > Editar HTML
Aperte Ctrl F e pesquise por:
</head>
Logo  ACIMA dele, cole o seguinte 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> 

Fazendo isso, salve. Vá em Layout, crie um novo gadget (html/javascript) e cole este 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>



Nenhum comentário:

Postar um comentário