06/08/2013

Tutorial Nr. 08 - Como colocar Mais/Menos no status

Olá gente, não postei ontem porque minhas aulas começaram de novo e tive algumas coisas para fazer, já percebi que esse bimestre vai ser puxado, então resolvi abrir vagas na equipe, espero que se inscrevam ^^.
Hoje estou trazendo um tutorial, que foi pedido pela Nath, é de como colocar o efeito "Mais | Menos" no status, é bem fácil, vamos lá?

1- Primeiramente vá em Layout > Adicionar novo gadget > Html/Javascript e adicione o seguinte código na caixinha:
<div class="divspoiler"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7y7W8t7XRqk2nH9hi2pr5IZwk8C0GqdpKDStD5qi7V1KODFlH_rfnTKI0qwxJizvk_vajZTpQS0v4wzBCx6mxS0C0eCpMD4_hpVx2GIyg45UlRLhBThrPoamJCcbCOiHE1EpwG9BjTLWR/s1600/maismenos.png" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" /> </div><div><div class="spoiler" style="display: none;"> CONTEÚDO OCULTADO </div></div>
Onde está escrito conteúdo ocultado você deverá colocar o que você quer esconder, prontinho você já tem seu menu, aqui tem algumas imagens 
Enfim, qualquer dúvida é só falar ok? Beijos!

Nenhum comentário:

Postar um comentário