Menu o link que abre contenido en cualquier parte del blog



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>
<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>
link [+/-] cambiar por texto o imagen. 
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:

4 comentarios:

  1. un gran abrazo amigo Vku.


    :24) :35)

    ResponderEliminar
  2. 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.

    ResponderEliminar
  3. Con este código no se puede.
    Tendrías que buscar algo así con alguna librería tipo Jquery.

    ResponderEliminar

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.

Nota: solo los miembros de este blog pueden publicar comentarios.