7/6/13

[Tutorial]Poner un Boton mostrar/cerrar con imagen como el mio!


Holaaaaaaaque tal??? antes de nada he de decir que estoy muy contenta porque ya casi llegamos a 190 solo nos faltan 2 quienes seran esas o esos dos ??? tambien quiero decir que he estado haciendo unas cosillas como veis hay un gadget de EXTRA & PUBLI ahi hay dos cosas ocultas estoy elaborando unas reglas y normas para la publicidad a ok una cosa {la idea de publi es de  MMC!} Bien lo malo es que esta semana no se si voy a poder hacer todo lo del horario solo podre cuando tenga mis descansillos después de estudiar odio los lunes de exámenes biennnnn ahora si que si vamos con el tuto
EL tuto es de como poner un boton de ocultar y mostrar como el mio
  • Diseño
  • Añadir /Gadget Javascrip
  • en la cajita blanca colocáis este código

<div class="divspoiler">
<img src="URL de la imagen" 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;">
lo que quieras poner
</div></div>
EDITO <3
Moradito:La imagen que estará para abrir o ocultarse
Naranjita:lo que quieras poner para ocultar
créditos {x}

26 comentarios:

  1. muy bueno , gracia por el tuto :3
    Saluditos!

    ResponderEliminar
    Respuestas
    1. de nada me alegra un montón que te haya gustado

      Eliminar
  2. lindo tuto, yo tambien quiero publicidad :D

    ResponderEliminar
    Respuestas
    1. claro pero me lo tendras que pedir cuando haga las bases y normas para publicidad no todo el mundo puede estar ahi

      Eliminar
  3. Buen aporte ¡¡ gracias ¡¡ n3n/

    ResponderEliminar
  4. hayy quee lindo! Y podrias darme publi??'
    Sabess mi blog y todo, ya pondre tu banner en mi blog!

    ResponderEliminar
    Respuestas
    1. ok ok pero espera a que ponga las bases y normas de la publi

      Eliminar
  5. Woooow gracias >.< está genial el tuto! me ha encantado *o*

    ResponderEliminar
  6. uhh gracias kumy!
    la tutorial esta genial!
    saludos!

    ResponderEliminar
  7. hay por dios este me encanto :3 en verdad me encanto!!! muchas gracias!, próximamente lo puedo usar X3

    ResponderEliminar
  8. Me encanto el tuto :)
    Gracias por compartirlo ^^
    Por cierto, ya llegaste a los 191 seguis!! Felicidadeeees ^^
    Besitos :)

    ResponderEliminar
    Respuestas
    1. siii ya estoy haciendo el sorteo a ver quien es la que gana

      Eliminar
  9. Muchas Gracias nena por el gatget a ver si lo coloco n_n un saludo

    ResponderEliminar
  10. Hola

    Felicidades por llegar a los 190 n.n yo como siempre ando de preguntona, quisiera saber ¿de donde sacas esas caritas tan monas? y respecto al tutorial, no acabo de comprender para que es DX ¿es como un tipo de spoiler o algo así?

    Saludos

    ResponderEliminar
    Respuestas
    1. si es como un tipo de spoiler y las caritas las encuentro x intternet o las recopilo de blogs :)

      Eliminar
  11. Gracias por el tuto ^^
    Esta genial!! *.*

    Besos

    ResponderEliminar
  12. este tuto me encanta ^v^
    una forma muy cute de ahorrar espacio ^^ y es muy práctico >u<

    besos!!! ^-^

    ησvєℓαѕ-ღαηιмεღ

    ResponderEliminar
  13. Asdf*-* Que util!!! Lo use en mi blog -los creditos estan alli ewe- en mi rincon publicitario porque me quedaba muy aborrotado!! Muchas gracias y besos!!

    ResponderEliminar
  14. Me ha encantado este tutorial!!!!
    Muchas gracias por compartirlo :) Me viene de perlas en este momento ^^

    ResponderEliminar

Holaa!! muy buenos días-tardes-noches espero que te haya gustado la entrada & si me dejas una huellita estaría muy agradecida.
Si tienes alguna duda no te olvides de mandarme un mail a mi correo o bien hacerlo por medio de la sección de dudas
candelaaisiska@gmai.com