Menú vertical drag and drop con jQuery

9 de abril de 2012 85 comentarios ,

jGlideMenu es un menú vertical que se puede arrastrar y soltar para que el lector lo ubique donde quiera, pero además, se puede navegar a través de sus pestañas de una forma muy peculiar y con un efecto deslizante para darle ese toque sexy.
Una de las ventajas que tiene es que puede almacenar un gran número de enlaces, y que se puede quitar el efecto drag and drop (arrastrar y soltar) si se desea.

Para que entiendas mejor este menú hay que verlo en acción en este blog de pruebas, ahí puedes arrastrar el menú, navegar en sus pestañas, y cerrarlo.

Para poner en tu blog este menú vertical, primero descarga este archivo, descomprímelo y súbelo a un hosting.
Luego ingresa a la Edición HTML de tu plantilla y antes de </head> agrega los scripts:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript' />
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js' type='text/javascript' />
<script src='URL del archivo' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$('#jGlide_001').jGlideMenu({
tileSource : '.jGlide_001_tiles' ,
demoMode : false
}).show();

$('#switch').click(function(){$(this).jGlideMenuToggle();});
});
//]]>
</script>
Coloca la URL del archivo que subiste previamente donde se indica, luego pega antes de
]]></b:skin> los estilos:
.jGM_box {
position: absolute; /* Cambiar absolute por fixed si se quiere flotante */
top: 150px; /* Distancia desde arriba */
left: 200px; /* Distancia desde la izquierda */
width: 227px;
height: 317px;
background: #fff; /* Color de fondo */
margin: 0;
padding: 0;
border: 1px solid #ccc; /* Borde */
overflow: hidden;
}
.jGM_header {
position: absolute;
top: 0;
left: 0;
height: 18px;
width: 227px;
background: #d1d1d1; /* Color de fondo de la barra de arriba */
color: #fff;
text-align: right;
vertical-align: middle;
line-height: 18px;
cursor: move;
}
.jGM_header a {
margin-right: 12px;
text-decoration: none;
color: #000 !important;
cursor: pointer;
}
.jGM_wrapper {
position: absolute;
top: 19px;
left: 0;
width: 2270px;
height: 288px;
margin: 0;
padding: 0;
border: 0;
}
.jGM_tile {
position: absolute;
top: 0;
left: 7px;
width: 213px;
height: auto;
overflow: hidden;
margin: 0;
padding: 0;
border: 0;
display: block;
}
.jGM_cats {
width: 100%;
height: 64px;
overflow: hidden;
vertical-align: middle;
text-align: left;
}
.jGM_cats h4 {
font-family: Verdana,Arial,serif;
font-size: 1.8em;
margin: 0;
padding: 2px 0;
line-height: 1.8em;
color: #414141;
font-weight: normal;
}
.jGM_cats p {
font-family: Verdana,tahoma,arial;
font-size: 1em; /* Tamaño de la descripción */
margin: 0;
padding: 0;
line-height: 1.2em;
color: #858585; /* Color de la descripción */
font-weight: normal;
}
.jGM_pager {
height: 18px;
width: 213px;
line-height: 18px;
margin: 0;
border: 0;
padding: 0;
background: #f6f6f6; /* Color de fondo barras */
text-align: center;
vertical-align: middle;
}
.jGM_pager a {
text-decoration: none;
font-weight: bold;
text-decoration: none;
display: block;
}
.jGM_pager a:hover { background: #d1d1d1; }
.jGM_pager img { border: 0; margin: 6px 0; }
.jGM_content {
width: 213px;
height: 150px;
margin: 1px 0;
padding: 0;
border: 0;
overflow: hidden;
}
.jGM_content a {
font-family: Tahoma,arial;
text-decoration: none;
color: #333 !important;
height: 18px;
width: 100%;
display: block;
line-height: 18px;
padding: 0 0 0 10px;
background-color: #e6e7e9;
margin: 1px 0;
}
.jGM_content a:hover {
color: #fff !important;
background-color: #4D4E67; /* Color de la barra al pasar el cursor */
}
.jGM_more {
background-image: url(http://lh5.googleusercontent.com/-1rqbbkHaAGc/T4OCip4rUBI/AAAAAAAACX0/L8kq4WQ_y-4/s10/arrow.gif);
background-repeat: no-repeat;
background-position: 203px 50%;
}
.jGM_back {
position: absolute;
top: 255px;
right: 0;
height: 18px;
width: 52px;
background: #d1d1d1;
line-height: 18px;
vertical-align: middle;
text-align: center;
margin: 10px 0 0 0;
padding: 0;
border: 0;
z-index: 99;
}
.jGM_back a {
height: 100%;
width: 100%;
text-decoration: none;
color: #000 !important; /* Color del enlace "atrás" */
display: block;
}
.jGM_back a:hover {
color: #fff !important; /* Color del enlace "atrás" al pasar el cursor */
background: #4D4E67;
}
.jGM_reset {
position: absolute;
top: 255px;
right: 62px;
height: 18px;
width: 52px;
background: #d1d1d1;
line-height: 18px;
vertical-align: middle;
text-align: center;
margin: 10px 0 0 0;
padding: 0;
border: 0;
z-index: 99;
}
.jGM_reset a {
height: 100%;
width: 100%;
text-decoration: none;
color: #000 !important; /* Color del enlace "inicio" */
display: block;
}
.jGM_reset a:hover {
color: #fff !important; /* Color del enlace "inicio" al pasar el cursor */
background: #4D4E67;
}

Ahora en un elemento HTML/Javascript pega la estructura del menú:
<div class="jGM_box" id="jGlide_001">

<!-- Aquí todos los enlaces del primer nivel -->
<ul id="tile_001" class="jGlide_001_tiles" title="Menú" alt="Descripción del primer nivel">
<li rel="tile_002">Enlace 1</li>
<li rel="tile_003">Enlace 2</li>
<li rel="tile_004">Enlace 3</li>
<li rel="tile_006">Enlace 4</li>
<li rel="tile_007">Enlace 5</li>
<li><a href="URL del enlace">Enlace 6</a></li>
<li><a href="URL del enlace">Enlace 7</a></li>
<li><a href="URL del enlace">Enlace 8</a></li>
<li><a href="URL del enlace">Enlace 9</a></li>
<li><a href="URL del enlace">Enlace 10</a></li>
<li><a href="URL del enlace">Enlace 11</a></li>
</ul>

<!-- Aquí todos los enlaces del segundo nivel -->
<ul id="tile_002" class="jGlide_001_tiles" title="Menú" alt="Descripción del segundo nivel">
<li rel="tile_005">Enlace 1.1</li>
<li><a href="URL del enlace">Enlace 1.2</a></li>
<li><a href="URL del enlace">Enlace 1.3</a></li>
<li><a href="URL del enlace">Enlace 1.4</a></li>
</ul>

<ul id="tile_003" class="jGlide_001_tiles" title="Menú" alt="Descripción del segundo nivel">
<li><a href="URL del enlace">Enlace 2.1</a></li>
<li rel="tile_008">Enlace 2.2</li>
<li><a href="URL del enlace">Enlace 2.3</a></li>
</ul>

<ul id="tile_004" class="jGlide_001_tiles" title="Menú" alt="Descripción del segundo nivel">
<li><a href="URL del enlace">Enlace 3.1</a></li>
<li><a href="URL del enlace">Enlace 3.2</a></li>
<li><a href="URL del enlace">Enlace 3.3</a></li>
</ul>


<ul id="tile_006" class="jGlide_001_tiles" title="Menú" alt="Descripción del segundo nivel">
<li><a href="URL del enlace">Enlace 4.1</a></li>
<li><a href="URL del enlace">Enlace 4.2</a></li>
<li><a href="URL del enlace">Enlace 4.3</a></li>
</ul>

<ul id="tile_007" class="jGlide_001_tiles" title="Menú" alt="Descripción del segundo nivel">
<li><a href="URL del enlace">Enlace 5.1</a></li>
<li><a href="URL del enlace">Enlace 5.2</a></li>
</ul>


<!-- Aquí todos los enlaces del tercer nivel -->
<ul id="tile_005" class="jGlide_001_tiles" title="Menú" alt="Descripción del tercer nivel">
<li><a href="URL del enlace">Enlace 1.1.1</a></li>
<li><a href="URL del enlace">Enlace 1.1.2</a></li>
</ul>


<ul id="tile_008" class="jGlide_001_tiles" title="Menú" alt="Descripción del tercer nivel">
<li><a href="URL del enlace">Enlace 1.2.1</a></li>
<li><a href="URL del enlace">Enlace 1.2.2</a></li>
</ul>


</div>
Agrega las URLs de los enlaces y los nombres de las pestañas y listo.
Si quieres agregar más enlaces al primer nivel añade en esa área otra línea como esta:
<li><a href="URL del enlace">Enlace 12</a></li>

Si quisieras que el enlace tenga otro nivel entonces la línea será así:
<li rel="tile_0010">Enlace 5</li>
Luego en el área del segundo o tercer nivel agregarías un fragmento así:
<ul id="tile_0010" class="jGlide_001_tiles" title="Menú" alt="Descripción del segundo nivel">
<li><a href="URL del enlace">Enlace 5.1</a></li>
<li><a href="URL del enlace">Enlace 5.2</a></li>
</ul>

Aquí hay que tener algo muy en cuenta, si te fijas el enlace lleva el atributo REL, que debe ser el mismo que el ID que ponemos en el segundo nivel, estos IDs nunca se debe repetir, siempre serán únicos.
Sí, suena complicado, pero una vez que entendemos el concepto ya no lo es tanto.

En el área de los estilos están las partes que podemos personalizar. Si quisieras que el menú esté estático, es decir, que esté en la sidebar y no se arrastre, entonces elimina del primer código el script que está en cursiva. Y de los estilos elimina esta parte:
position: absolute; /* Cambiar absolute por fixed si se quiere flotante */
top: 150px; /* Distancia desde arriba */
left: 200px; /* Distancia desde la izquierda */

Cuando sean muchos enlaces entonces aparecerán unas flechitas, pasando el cursor sobre ellas se mostrarán el resto de los enlaces ya sea hacia arriba o hacia abajo.

A lo largo de la estructura del menú verás que puedes cambiar el nombre Menú así como las descripciones.

Es un menú con jQuery así que ya saben que hay que tomar en cuenta la versión que sea sólo una, y la compatibilidad con Scriptaculous.

Vía | Sonicradish


85 comentarios en:

" Menú vertical drag and drop con jQuery "

  1. Gracias.. Pero no entiendo como a que hosting puedo subir los arvichos.. Podrias decirme algun hosting? :D

    Saludos

    ResponderEliminar
  2. Es versátil, está bien desarrollado y proporciona un aspecto de eficiencia envidiable...realmente impresionante, cuánto partido se le puede sacar a un menú así.
    Muchas gracias por compartirlo, Potro.
    Un beso

    ResponderEliminar
    Respuestas
    1. Lindo ¿verdad?
      Además de la gran cantidad de enlaces que se le pueden poner luce bastante bien en cuestión de diseño :)
      Un beso.

      Eliminar
  3. Potro, Del hilo anterior acerca de la hora en los comentarios. Dices que si tengo comentarios anidados me sale la hora de los ángeles, pero es que antes también tenía comentarios anidados y la hora me salía bien. El problema empezó ayer de buenas a primera ¿Tendrá algo que ver que haya instalado el google analytics? ¿Sabes como puedo solucionarlo?

    ResponderEliminar
    Respuestas
    1. Porque creo que puede servir lo comento, a mí me sucede igual desde hace muchos días y no tengo instalado nada nuevo, pero tampoco me estorba particularmente. Claro que puede no ser tu caso, "el testigo". Saludos.

      Eliminar
    2. No El testigo, Analytics no tiene nada que ver, es el sistema de Blogger.
      Cualquier otra duda al respecto continúala en el hilo anterior, para no ir dejando varios comentarios sobre el mismo tema en distintas entradas ;)

      Eliminar
  4. Me encanta el menú, porque se ve muy profesional y muy fácil de usar. Aunque en verdad vengo por otra consulta.

    A veces acostumbro a poner descripciones a las imágenes del blog. El problema es que, cuando comparto los enlaces de las entradas en mis redes sociales, esas descripciones figuran al inicio del texto. ¿Existe un código para "ocultar" cierta información en una entrada para que no sea legible por los buscadores, o las redes, etcétera?

    Gracias de antemano.

    Saludos.

    ResponderEliminar
    Respuestas
    1. Hay comentarios condicionales para los robots de Google, pero sólo aplican para ellos, es decir, para que elijas si en Google se indexa cierto contenido o no, pero eso es independiente a las redes sociales, cada una usa sus propios robots para leer el contenido.

      Saludos.

      Eliminar
  5. Hola Potro. Tengo una pregunta, aunque no tiene que ver con este tema. Es para saber si existe la posibilidad de insertar en el blog un script para que vaya cargando las entradas conforme deslizamos la barra de desplazamiento, al estilo de Facebook, Google+ o esta web: www.yohevistocosasquevosotrosnocreeriais.com
    He visto el código fuente de esa web y al final aparece un script con jQuery, que supongo que es el que crea ese efecto.

    Saludos.

    ResponderEliminar
    Respuestas
    1. No que yo sepa Tommy TM, pero en las plantillas de Vistas Dinámicas tienen ese formato, así que podrías usar una de ellas ;)

      Eliminar
  6. Respuestas
    1. Así es Eliseo, es increíble todo lo que se puede hacer con ellos :)

      Eliminar
  7. sexy???...uuuuuyyyy me gustó ,gracias Potrito!!!

    ResponderEliminar
    Respuestas
    1. Y eso que iba a usar "sexy y atrevido" jaja :)

      Eliminar
  8. Envidiable, pero ocurre que cuando lo arrastramos horizontalmente, nos convierte la pagina en algo como una hoja de excel infinita por lo demas está bien!

    ResponderEliminar
    Respuestas
    1. Sólo si lo arrastras hasta allá, pero no creo que muchos usuarios tengan necesidad de llevarlo hasta ese lugar, a menos que anden de ociosos :P

      Eliminar
  9. Que buen truco Potro! Muchas gracias ;-)

    ResponderEliminar
  10. wow buenísimo potro hace tiempo que no entraba a la pagina pero ya estoy de vuelta, tengo 2 preguntas 1.- cuando lo cierras de donde lo puedes volver a abrir?? y 2.- se hacer que solo aparezca en una que otra entrada??? salu2 potro buen día

    ResponderEliminar
    Respuestas
    1. Si lo cierras puedes entrar a una entrada y aparecerá de nuevo. Si quieres condicionarlo para que aparezca sólo en algunas partes puedes hacerlo:
      http://ciudadblogger.com/2011/01/ocultar-gadgets-y-elementos-en.html

      Saludos.

      Eliminar
  11. por favor hagan un tutorial de como hacer esta galeria de imagenes por favor he estado buscando y nada quisiera saber es que lo necesito miren http://la.eonline.com/venezuela/2012/a-nicki-minaj-le-molesta-que-la-comparen-con-lady-gaga

    ResponderEliminar
  12. como puedo hacer esta galeria de fotos diganme por favor hagan un tuto que lo necesito http://la.eonline.com/venezuela/2012/a-nicki-minaj-le-molesta-que-la-comparen-con-lady-gaga miren alli esta por favor es muy urgente

    ResponderEliminar
    Respuestas
    1. Como te mencionaba en Facebook, después reviso el código para ver cómo funciona.
      Saludos.

      Eliminar
  13. potro podría poner este menú de forma estática, es decir añadiéndolo mediante un gadget como código "html/javascript". Gracias!

    ResponderEliminar
    Respuestas
    1. Lee la entrada completa, ahí se habla de eso. Saludos.

      Eliminar
  14. Tengo un problema, eh intentado registrar un dominio .com con blogger y en el tercer paso se me cortò la conexion de internet luego cuando volvi a cargar la pàgina me puso este mensaje:


    Hemos encontrado una solicitud pendiente para este dominio. Ponte en contacto con el servicio de asistencia.

    no sè como hacer para ver esa solicitud y poder terminarla y asi obtener el dominio.. no sè mucho sobre esto y necesito ayuda por favor, tambien tengo una duda de si ya està echo el pedido (osea, si ya me cobran en la tarjeta) o no.? por favor ayudeme :(

    ResponderEliminar
    Respuestas
    1. Hola Lalalala xD, revisa si en tu correo tienes un mail por parte de ellos o de Google Apps, en caso de que no prueba realizar de nuevo los pasos de compra del dominio.

      Eliminar
  15. Sr. Portro lo invito a entrar a mi muy humilde blog, donde hago premios muy simples para blogs, usted esta nominado a mejor blog del año: http://blogsawars.blogspot.com.ar/

    ResponderEliminar
    Respuestas
    1. Gracias Kevin, si gano me avisas dónde pasar a recoger el millón de dólares del premio :D

      Eliminar
  16. Disculpa amigos, pero estaba viendo su blog y como soy nuevo en blogger me llamo la atencion mucho esto:
    cuando tu escoges una etiqueta en blogger el titulo se muestra mas o menos asi: titulodelblog:etiqueta pero ustedes lo muestran como etiqueta | titulo del blog
    entonces mi duda es como puedo hacer para que para el index sea el titulo del blog, para las entradas: entrada - titulo del blog, para etiquetas: Todas las entradas de Etiqueta, y archivo: Estas son todos los archivos de Archivo.
    Espero sus comentarios gracias.

    ResponderEliminar
    Respuestas
    1. Hola Red Media Network, mira esta entrada, ahí se explica cómo poner los títulos de esa manera:
      http://ciudadblogger.com/2009/05/optimizar-los-titulos.html

      Eliminar
  17. potro solo tu me puedes ayudar,,,,,,,, tengo esta pagina y la plantilla que baje no esta compartiendo en redes, los share buttons están malos, los que salen en cada entrada, y cuando agrego los predeterminados de blogger salen entre medion de las letras de la entrada... ¿que puedo hacer????

    espero me puedas ayudar
    www.feriaempresas2012.com
    feriaempresas2012@gmail.com

    ResponderEliminar
    Respuestas
    1. Quita los botones que tienes y mira esta entrada para que veas cómo ponerlos:
      http://ciudadblogger.com/2010/06/botones-para-compartir-de-blogger.html

      Eliminar
  18. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
    Respuestas
    1. No hace falta duplicar los comentarios yui, todos se responden conforme van llegando, y ese fue respondido ayer.

      Eliminar
    2. si, gracias, sirvió de mucho X3.

      Eliminar
  19. Hola Potro,
    para empezar no sé como agradecerte cada uno de los post que escribes que me son muy útiles en mi blog, de hecho todo lo que hice fue gracias a ti.

    Necesitaba preguntarte una cosa y mira, este es mi blog:
    http://unandroideenaccion.blogspot.com

    Quisiera poner el buscador en la barra donde tengo las categorías, que quedase todo como esta ahora pero con el navegador integrado en esa barra a la derecha, seria posible? me podrías decir el como? ya te di una idea para una nueva entrada? jaja

    GRACIAS!

    ResponderEliminar
    Respuestas
    1. Gracias Pena. La forma más práctica, aunque quizá no la más correcta, es que apliques un margen a ese gadget, de modo que en los estilos pongas esto:
      #HTML6 {
      margin-top: 70px;
      z-index: 10;
      }

      Eliminar
  20. como siempre te superas dia a dia gracias y un saludo

    Manuel

    ResponderEliminar
  21. Muy buenas a todos.
    Potro ¿Habría alguna manera de que solo se actualizasen los comentarios al escribir uno sin que se tenga que recargar automáticamente la página completa?

    ResponderEliminar
    Respuestas
    1. No El Testigo, lo que sucede es que cuando se crea un comentario se crea también una URL única para ese comentario, es por eso que la página se recarga.
      Por ejemplo, cuando tú has hecho tu comentario se ha creado esta URL:
      http://ciudadblogger.com/2012/04/menu-vertical-drag-and-drop-con-jquery.html?showComment=1334232941483#c6243820474297563629

      Eliminar
  22. yo quiero uno asi, pero para las entradas, o las etiquetas, para que no se vean todas en una paginota como en mi caso. xfa ayuda!

    ResponderEliminar
    Respuestas
    1. En las páginas de etiquetas siempre se mostrarán las entradas de dicha etiqueta, sin embargo puedes hacer que se muestren sólo los títulos de las entradas:
      http://ciudadblogger.com/2009/07/mostrar-solo-los-titulos-de-las.html

      Eliminar
  23. Hola, potro, tengo una duda acerca de derechos, por primera vez adsense me ha aceptado un blog y no lo quiero perder.

    Quiero publicar podcast, pero toda la música tiene licencias y derechos de autor.

    he tomado dos tracks de esta página:
    http://dig.ccmixter.org/

    que promete tener canciones con licencia libre para uso comercial.
    Mi podcast sólo tiene esos dos tracks y mi voz hablando sobre un tema de mi blog.

    Puedo publicarlo así nada más o tengo que poner algún enlace a algún sitio o explicar algo en la entrada?

    Gracias por responder siempre a mis dudas, tu trabajo con este blog es maravilloso, a pesar de tener tantos comentarios siempre te tomas tu tiempo para contestarlos. Saludos

    ResponderEliminar
    Respuestas
    1. Hola Silver, si la música es de uso libre no tienes de qué preocuparte, en sí cuando hay problemas con AdSense en cuando en el blog se ofrecen descargas de música y/o material con derechos de autor, o cuando hay enlaces hacia sitios con esas descargas, pero sí la música la tienes en el podcast y si aparte es de uso libre pues no creo que tengas de qué preocuparte ;)

      Saludos y gracias por tu comentario.

      Eliminar
    2. Perdón por tantas preguntas, esta será mi ultima pregunta.

      por ejemplo aquí
      http://www.jamendo.com/es/
      la música es libre pero creo que no permiten el uso comercial.

      Podría utilizarla para mis podcast sin ofrecer su descarga?

      Eliminar
    3. Uso comercial significa cuando lo usas para agregarlo a una publicidad o un sitio que se dedica al comercio, pero no es tu caso.

      Eliminar
  24. oh, vale, gracias en verdad eres estupendo potro. he tenido una idea equivocada bastante tiempo.

    ResponderEliminar
  25. hola amigo potro, muy bueno me encanto. mira este es uno de mis blog y esta completamente personalizado con todos los trucos que he aprendido aqui contigo. http://filosofomemes.blogspot.com

    espero y sea de tu agrado. saludos

    ResponderEliminar
  26. Hola Potro.
    He puesto tu menú en mi blog pero al pinchar sobre un enlace me aparece esto (Navigation Requestion: http://chefpeterycocinaga.blogspot.com.es/2012/04/fondue-de-chocolate.html) y no se me abre el enlace.¿sabes que puede ser?

    ResponderEliminar
    Respuestas
    1. Hola Cocinaga, el script hay que subirlo a un hosting que te dé un link directo donde se ejecute, no un link para descargar el archivo.
      Puedes subirlo en Dropbox o Google Sites.
      Saludos!

      Eliminar
    2. Lo he subido a google sites y todo perfecto.
      Muchas gracias por contestar tan pronto y por todo lo que compartes.
      Eres un peazo de crack!!!

      Eliminar
    3. Por nada, me da gusto que ya esté todo ok :)

      Eliminar
  27. HOLA POTRO, UNA PREGUNTA UTILICE ESTE MENU PARA ENLAZAR ALGUNAS PAGINAS QUE OCUPO EN MI TRABAJO Y AL DAR CLIC APARECE ESTE MENSAJE NAVIGATION REQUESTION:http://www.sev.gob.mx/ (DE ACUERDO A CADA PAGINA COLOCA LA DIRECCION) ME PODRIAS AYUDAR A SOLUCIONAR ESTE PROBLEMA,DE ANTEMANO TE LO AGRADEZCO. SALUDOS

    ResponderEliminar
    Respuestas
    1. Hola ZONA085, ¿En cuál blog lo has puesto y cuál es la URL que estás poniendo en el menú?

      Eliminar
    2. Hola de nuevo ZONA085, mira el comentario #33.2

      Eliminar
  28. Hola potro, tengo el mismo problema que el comentario 30, al dar clic en un enlace me aparece "Navigation Requestion: http://dockerblogs.blogspot.mx/URL", a Cocinaga le dijiste que tenia que subirlo a donde no dieran link para descargar el archivo sino link directo, yo lo subí a Google Sites y me sale el link directo "https://URL/archivos/jQuery.jGlideMenu.min.js", ¿Qué puedo hacer potro?

    Saludos!

    ResponderEliminar
  29. Y otra más potro, también lo intente con Dropbox y sigue igualito :( hasta quite el código de "Prototype y Scriptaculous" ayuda potro mi novia me dejará si no lo consigo jaja broma pero si me encanto el menú, espero tenga solución. Un saludo amigo.

    ResponderEliminar
    Respuestas
    1. ¿En cuál blog lo has puesto Luis Alex?

      Eliminar
    2. Perdón Luis, ya vi. Cambia donde dice:
      demoMode : true

      Por:
      demoMode : false

      Ahora mismo cambio el script de la entrada para evitar esos problemas.
      Saludos!

      Eliminar
    3. Muchisimas gracias potro, que tengas una excelente mitad de semana :) Saludos!

      Eliminar
  30. HOLA POTRO GRACIAS POR APOYARME, YO NO SABIA NADA DE BLOG LO QUE SE TE LO DEBO A TI MUCHAS GRACIAS POR TUS APORTACIONES, MIRA MI BLOG ES http://zona085.blogspot.com, las url que coloco son asi http://www.sev.gob.mx/, SON DE ACUERDO A LAS PAGINAS QUE DESEO ENLAZAR, OJALA ME PUEDAS AYUDAR.

    ResponderEliminar
    Respuestas
    1. Hola ZONA085, ya te he respondido más arriba, sólo debes aplicar los cambios que están justo arriba de este comentario que has puesto.

      Eliminar
  31. MUCHAS GRACIAS POR TU APOYO POTRO EL PROBLEMA QUEDO RESUELTO, TE LO AGRADEZCO INFINITAMENTE, CREEME QUE SOY FAN DE TU BLOG,SALUDOS.

    ResponderEliminar
  32. Un simple truco que me hizo duplicar los ingresos

    http://www.tangierweb.blogspot.com

    ResponderEliminar
  33. Hola, gracias por tus aportes, yo he utilizado uno de tus menús en mi blog, espero que no me pidas derechos de autor xD

    Un saludo.

    http://www.apkpost.blogspot.com.es/

    ResponderEliminar
  34. Potro ya tengo un menu horizontal con jquery como hago para utilizar dos al mismo tiempo?

    ResponderEliminar
    Respuestas
    1. Prueba sólo poner los dos de forma normal, en caso de que no funcionen deja sólo una versión de jQuery:
      http://ciudadblogger.com/2011/10/jquery-sus-versiones-y-el-conflito.html

      Eliminar
  35. hola^^

    solo decirte que el link que hay que descargar murio o algo asi ._.
    a ver si lo podias subir xd quiero ese menu u.u
    gracias ;)

    ResponderEliminar
    Respuestas
    1. Listo, gracias por avisar :)

      Eliminar
    2. gracias por arreglarlo tan rapido xd

      pero... sabes porque me aparece "
      Error al analizar XML, línea 828, columna 44: Element type "script" must be followed by either attribute specifications, ">" or "/>".

      cuando intento agregar la url del archivo?

      gracias ^^

      Eliminar
    3. Puede ser que cuando añades la URL estés eliminando algún otro código, quizás hasta una comilla, con eso basta para que dé error.

      Eliminar
  36. Amigo, quité el menú horizontal que tenía anteriormente y agregué este, y me quedó justo como yo quería gracias a tu ayuda...

    http://anochecioalamitaddeldia.blogspot.com

    Saludos cordiales!

    ResponderEliminar

Los comentarios están siendo moderados y serán publicados una vez que hayan sido revisados por un administrador.
Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger