viernes, 4 de noviembre de 2011

Como poner un botón para ocultar cosas (;

Este es lo que digo:



¿Como ponerlo?

Muy sencilloo!!

Consta de lo siguiente:

·Si es para una entrada
·Si es un código en columna

El que yo he puesto es en una entrada; pero al ponerlo normal hay que poner un gadget
HTML javascript.

Y para ponerlo en una entrada, es lo siguiente:

Arriba de nuestro texto hay 2 pequeños meús: Edición de HTML y redactar
Pues el que nos interesa es Edición de HTML.

Por si no sabes donde está, aparece en la imagen:

(Dale a la imagen para ampliar)

Luego hay que pegar este código:



<div><div><div class="pre-spoiler"><span style="padding-top: 12px;"></span><input style="margin: 0px; padding: 0px; width: 100px; border: 3px double rgb(250, 201, 128); color: rgb(0, 0, 0); background-color: rgb(239, 251, 251);" value="ABRIR" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'CERRAR '; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'VER ';}" type="button"> </div> <div> <div style="display: none;" class="spoiler"><span><div style="text-align: center;"><div style="text-align: justify;"><u></u>





Texto, código, imagen.....







</div></div></span></div></div></div></div>


Tanto ABRIR - VER - CERRAR pueden sustituirse por otro conjunto de palabras
- margin es la distancia al borde la entrada.
- width es el ancho del botón. Si colocas un texto largo en el botón habrá que aumentar su número en px.
- font-size: Tamaño de la fuente del texto.
- font-family: trebuchet ms u otras es el tipo de fuente del texto.
- background-color: color del fondo del botón.
- color: color de la fuente del texto.
- border: bordes y tipos. (se puede quitar)
-Texto,código imagen: es lo que quieras poner


Gracias por vermee!!



No hay comentarios:

Publicar un comentario