.

24 agosto 2012

Imagem Ocultar e mostrar elemento ao clicar

Tumblr_m6fv08jnqx1qmyzxzo1_500_large
Sabem aquela imagem que coloquei nas categorias que está escrito: Clique, ?

Tem gente me perguntando como faz, é bem facil, é só criar o gadget, e colocar o código abaixo no gadget que você quiser:

<div class="divspoiler">
<img src="URL DA IMAGEM" 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;">Aqui o conteúdo que queremos ocultar</div></div>

Aprendi no Blogger passo a passo 

6 comentários:

  1. Obrigada! Vou tentar ^.^

    Bjs

    http://garotas-cupcakes.blogspot.com.br/

    ResponderExcluir
  2. OOi

    ãã como vc fez essa nuvenzinha?

    Bjs

    ResponderExcluir
    Respostas
    1. Não fui eu que fiz a nuvenzinha, eu peguei de algum site, se eu não me engano acho que é a Acrylicana que fez, para saber como coloca ela se movimentando de um lado pro outro, veja esse post: http://garotasglitter.blogspot.com.br/2012/07/aprendendo-html-aula-2-como-colocar.html?showComment=1356278936997#c7156333767672253538

      Excluir
    2. Não consegui colocar categorias no meu blog!

      Mais muito bom seu tutorial

      Excluir
  3. Você pode fazer um tutorial para poder aprender melhor a como se faz isso?

    Bjus

    ResponderExcluir

Queremos muito saber sua opinião, comente e diga o que você achou!