Pegar código arriba de </head>:
<!-- Menu dos by: Vku http://loseasi.blogspot.com/ -->
<script type='text/javascript'>
var menudos_most_mosttr = null;
function ver(numero) {
obj = document.getElementById("most"+numero);
obj.className = (obj==menudos_most_mosttr) ? 'ocultar' : 'mostrar';
if (menudos_most_mosttr != null) {
menudos_most_mosttr.className = 'ocultar';
}
menudos_most_mosttr = (obj==menudos_most_mosttr) ? null : obj;
}
</script>
<style>
.ocultar {display:none;}
.mostrar {display:block;}
a.menudos {} /* poner el estilo del menu o link */
a:hover.menudos{} /* poner el estilo del menu o link al pasar el cursor*/
</style>
<!-- Fin Menu dos by: Vku http://loseasi.blogspot.com/ -->
Menu o link:
Poner en sidebar o donde mas les guste:
<div class='menudos' id='0' onclick='ver(this.id); return false'><a href='#'>link 1 [+/-]</a></div>link [+/-] cambiar por texto o imagen.
<br/>
<div class='menudos' id='1' onclick='ver(this.id); return false'><a href='#'>link 2 [+/-]</a></div>
<br/>
<div class='menudos' id='2' onclick='ver(this.id); return false'><a href='#'>link 3 [+/-]</a></div>
0, 1, 3, etc... Siempre tienen que ser distintos.
Si es necesario quitarle: ; return false y cambiar <a href='#'> por <a href='#most0'> , donde 0 es el número de la id del contenido.
Contenido:
Poner en donde quieran mostrar el contenido:(puede ir tambien entre los link despues de <br/>)
<div id="most0" class="ocultar">
ACÁ VA EL CONTENIDO A MOSTRAR
</div>
El número tiene que ser igual a la id del link del menu.
Ejemplo 1:Ejemplo 2:Ejemplo 3:
un gran abrazo amigo Vku.
:24) :35)
me equivoque jajaja
:31)
Hola gracias :) vku por el post de verdad que esta muy original lo implante en mi blog y es genial , lo unico que queria saber como añadirle efecto deslizante . Gracias de nuevo.
Con este código no se puede.
Tendrías que buscar algo así con alguna librería tipo Jquery.
Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.
Elegir un botón o imagen, Seleccionar, copiar (Ctrl+C) y pegar en formulario de comentarios.
Nota: solo los miembros de este blog pueden publicar comentarios.