Este truco es parecido a la entrada anterior. La entrada anterior explicaba cómo poner un botón o spoiler en una entrada, este es parecido a la entrada anterior; la diferencia es que este tiene un efecto deslizante con scriptaculous.
Se puede esconder texto, imágenes y video y sirve para ahorrar espacio a una entrada, post o un gadget html.
Miren los ejemplos siguientes:
Ejemplo de una imagen:
[+/-] Ver / Ocultar
Ejemplo de Texto:
[+/-] Ver / Ocultar
Ejemplo de un video:
[+/-] Ver / Ocultar
Antes de pegar lo anterior verifica si tu plantilla ya lo tiene, de ser así omite ese paso.
Lo que tienes que hacer para ponerlo en una entrada, post o elemento html tenemos que poner el siguiente código html:
Tienes que tener en cuenta de que expandir1 deberás cambiarlo cada vez que vallas a poner uno nuevo.
ejemplo: expandir2, expandir3, etc... Lo que está marcado de rojo es el contenido, puede ser texto, imagen, video o tabla; cualquier cosa.
Fuente: Ciudad Blogger
Se puede esconder texto, imágenes y video y sirve para ahorrar espacio a una entrada, post o un gadget html.
Miren los ejemplos siguientes:
Ejemplo de una imagen:
[+/-] Ver / Ocultar
Ejemplo de Texto:
[+/-] Ver / Ocultar
Ejemplo de un video:
[+/-] Ver / Ocultar
- Vamos a Diseño
- Edición HTML
- Ctrl + f y buscar
Y antes de Pegamos el siguiente código:
<!-- Prototype y Scriptaculous-->
<script src='http://www.google.com/jsapi'/>
<script>
google.load("prototype","1.6.0.3");
google.load("scriptaculous", "1.8.2");
</script>
<!-- Prototype y Scriptaculous-->
Antes de pegar lo anterior verifica si tu plantilla ya lo tiene, de ser así omite ese paso.
Lo que tienes que hacer para ponerlo en una entrada, post o elemento html tenemos que poner el siguiente código html:
<a href='#' onclick='Effect.toggle("expandir1","slide"); return false'>[+/-] Ver / Ocultar</a><div id='expandir1' style='display: none;'>Aquí va el contenido que se ocultará</div>
Tienes que tener en cuenta de que expandir1 deberás cambiarlo cada vez que vallas a poner uno nuevo.
ejemplo: expandir2, expandir3, etc... Lo que está marcado de rojo es el contenido, puede ser texto, imagen, video o tabla; cualquier cosa.
Fuente: Ciudad Blogger
Hola
Me llamo Alejandra y soy administradora de un directorio web/blog y me ha gustado mucho su sitio.
Me gustaría contar con su sitio en mi directorio, a cambio solo pido un pequeño enlace a mi página de películas, ¿Qué le parece la idea?
Mi correo es: ale.villar@hotmail.com
Un beso! y SueRte con su BloG!
Alejandra Villar
Hola, estoy muy agradecido por tu post, hace un tiempo atrás intenté usar este código para expandir.. pero cada vez que lo repetía en otro párrafo me daba un conflicto aunque hiciera lo de tu ejemplo: expandir2, expandir3, etc.. ¿podrías ayudarme? ..gracias!!
Perdónenme por el problema que tenía la entrada, ya no la tiene.
Enrique, ¿en que quieres que te ayude?
Quizás te entiendo. Este post (entrada) tenía creo un problema parecido al tuyo, que era que en la parte siguiente:
<a href='#'
Tenía una dirección a algo detrás del signo de núemero (#). Si es eso, pon la entrada en la cuál tienes el problema, dale a editar, es decir, edítala, te va a aparecer "redactar", "html", le des en html, y luego busca el lugar donde lo escribiste, y resuelves el mismo problema que tennía yo.
Pero si ese no es el problema, aclaralo en esta entrada, por favor, ya que quiero resolver tu problema.
Parece que tus links de mostrar/ocultar se corrompieron, dirigen hacia el blog de origen, igual me ha pasado esto cuando actualizo mis blogs, no sé cómo se arregla eso :(
No funciona.
No funciona.