miércoles, 10 de octubre de 2012

Texto que se esconde


hola chicas les trigo un nuevo gadget para sus blogs!! es un truquito de esconder algun texto en sus blogs!! por ejemplo yo tengo creditos escondidos: 



como siempre van y habren su gadget HTML y pegan el codigo de aki abajito :

<center><div id="spoiler"><div><input value="Creditos!!=D" style="width:200px;font-size:12px;background-image: url(URL DE FONDO);-moz-border-radius: 5px; border-radius: 5px;margin:13px;padding:0px;border-style: 2px solid #ff9fcc;" type="button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'hide spoiler!'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'show spoiler!'; }" /><div id="show" style="display: none; background-color:transparent; background-repeat:repeat; margin: 0px;border-width:0px; padding:3px; width:90%">Texto que quieres esconder ^^</div></div></div></center>


Cambios:

morado: texto que si se ve
rojo: largo del icono
Fucsia: url de fondo
verde: texto que vamos a esconder

bueno eso es todo bay

7 comentarios:

  1. genial justo lo que buscaba muchisimas
    gracias :*
    ^^
    jejeje que hermoso
    lo husare muchisimas gracias por compartirlo
    dare creditos ^o^

    ResponderEliminar
  2. hace dias que queria saber como se hacia!! >w<
    gracias por compratirlo!
    vere donde lo uso ^^

    ResponderEliminar
  3. Gracias X el tuto! si me lo piden lo tomo pero doy creditos...Mil gracias!

    ResponderEliminar

Gracias por dejar tu lindo comentario, seguro que te lo devuelvo n.n