sábado, 6 de noviembre de 2010

Truco Expandir - Contraer en blog

Truco Expandir Contraer en blog
Para esconder elementos
Sirve para todo: imágenes y texto. Te permite, iniciar una publicación y luego invitar a los lectores a seguir leyendo. Expande y contrae la publicación.
Paso 1:
Lo primero que hacemos es ir a la configuración HTML de nuestra plantilla y buscamos el </head>; y justo antes pegamos el siguiente codigo:
 


dijo:
<script type='text/JavaScript'>
function verocultar(cual) {
var c=cual.nextSibling;
if(c.style.display=='none') {
c.style.display='block';
} else {
c.style.display='none';
}
return false;
}
</script>



Guardas los cambios.

Paso 2:La segunda parte se agrega donde quieras expandir (post o sidebar/columna lateral).Pegas este código:
 

dijo:
Esta es la parte a la vista en tu publicación. <a onclick="returnverocultar(this);" href="javascript:void(0);">Acá va la señal para que expanda</a>
</div><div class="commenthidden" style="DISPLAY: none"> Este contenido quedará oculto.</div><div class="commenthidden">



Ahora te dejo el código limpio, sin mis palabras. 

dijo:
<a onclick="return
verocultar(this);"href="javascript:void(0);">[+/-]</a>
<div style="display: none;">Contenido
oculto</div>



Para colocar una imagen en vez de los signos mas/menos intercalas este código: 

dijo:
<img src="URL de la imagen" />

1 comentarios:

Cocinica dijo...

Muy interesante. Gracias

Publicar un comentario

DIRECTORIOS

http://www.trucosblogs.com/post
4.57/5 – 42 opiniones
http://www.fabricaturopa.com/post 4.57/5 – 42 opiniones