Foros del Web » Creando para Internet » Diseño web »

como armo un boton que despliegue menu en moviles

Estas en el tema de como armo un boton que despliegue menu en moviles en el foro de Diseño web en Foros del Web. buenas a todos, tengo mi sitio, el menu funciona barbaro, con subitem, y se adapta a diferentes medidas de pantalla, el tema es que no ...
  #1 (permalink)  
Antiguo 14/01/2016, 17:15
Avatar de affunes  
Fecha de Ingreso: enero-2016
Ubicación: c.a.b.a.
Mensajes: 3
Antigüedad: 8 años, 10 meses
Puntos: 0
Busqueda como armo un boton que despliegue menu en moviles

buenas a todos, tengo mi sitio, el menu funciona barbaro, con subitem, y se adapta a diferentes medidas de pantalla, el tema es que no pude armar boton que me despliegue el menu en tamaño tablet o mobile, solo se acomoda al tamaño pero esta visible, necesito hacer un botn que me despliegue el menu preferentemente con javascript, saludos alfredo
  #2 (permalink)  
Antiguo 18/01/2016, 14:34
Avatar de CircuitoX  
Fecha de Ingreso: julio-2008
Mensajes: 756
Antigüedad: 16 años, 3 meses
Puntos: 21
Respuesta: como armo un boton que despliegue menu en moviles

Esto lo puedes hacer con jquery, existe varios plugin para volver un menu responsive, ejemplo:

http://slicknav.com/#examples

busca por:
jquery responsive menu button
__________________
Diseño Robotico en Arequipa / Desarrollo web / Sitios / Paginas / 99 css3
  #3 (permalink)  
Antiguo 22/01/2016, 07:06
Avatar de JoeMx  
Fecha de Ingreso: febrero-2003
Ubicación: A Km de Aquí.
Mensajes: 1.154
Antigüedad: 21 años, 9 meses
Puntos: 4
Respuesta: como armo un boton que despliegue menu en moviles

Puedes intentar hacerlo usando Bootstrap

Saludos.
__________________
"Si lo piensas, es porque si lo puedes hacer"
  #4 (permalink)  
Antiguo 23/01/2016, 17:05
Avatar de affunes  
Fecha de Ingreso: enero-2016
Ubicación: c.a.b.a.
Mensajes: 3
Antigüedad: 8 años, 10 meses
Puntos: 0
Respuesta: como armo un boton que despliegue menu en moviles

Cita:
Iniciado por CircuitoX Ver Mensaje
Esto lo puedes hacer con jquery, existe varios plugin para volver un menu responsive, ejemplo:

[url]http://slicknav.com/#examples[/url]

busca por:
jquery responsive menu button
gracias, lo intente pero no quiero cambiar la barra de menu que uso que ya es responsive design, lo que no tiene boton que despliegue el menu en movil, si se adapta al tamaño y puedo controlar visivilidad, pero no pude armar un boton y desplegarlo con javascript le paso el link del sitio [URL="www.affunes.com.ar"]affunes[/URL]
como ven menu es muy util y flexible, saludos
  #5 (permalink)  
Antiguo 23/01/2016, 17:08
Avatar de affunes  
Fecha de Ingreso: enero-2016
Ubicación: c.a.b.a.
Mensajes: 3
Antigüedad: 8 años, 10 meses
Puntos: 0
Respuesta: como armo un boton que despliegue menu en moviles

Cita:
Iniciado por JoeMx Ver Mensaje
Puedes intentar hacerlo usando [URL="https://getbootstrap.com/components/#navbar"]Bootstrap[/URL]

Saludos.
gracias por la ayuda pero bootstrap no sirve, y no tiene la solucion que busco y codigo pequeño no kilometrico de bootstrap, saludos
  #6 (permalink)  
Antiguo 24/01/2016, 23:17
Avatar de g3kdigital  
Fecha de Ingreso: noviembre-2013
Ubicación: En mi apartamento en bogotá
Mensajes: 208
Antigüedad: 11 años
Puntos: 39
Respuesta: como armo un boton que despliegue menu en moviles

Puedo ayudarte a no usar un código kilometrico y con el menú que ya utilizas, pero tendría que ver que estructura de html usaste para el menú, su correspondiente css y función en javascript, es decir create un mini demo codepen

Ojo solo la estructura del menú, no todo el website, aunque sí tienes un link online mejor.
__________________
Puedes ser el tipo de persona que se amarga por lo inevitable o aceptar el reto de superarse siempre e ir a la par con el progreso.

WEB: G3K.co | codepen.io/g3kdigital
  #7 (permalink)  
Antiguo 25/01/2016, 10:13
Avatar de Mariano_Floyd  
Fecha de Ingreso: marzo-2013
Ubicación: Córdoba
Mensajes: 155
Antigüedad: 11 años, 8 meses
Puntos: 14
Respuesta: como armo un boton que despliegue menu en moviles

Es algo muy simple, te arme un ejemplo aqui para que uses como guia:

http://codepen.io/MarianoArg/pen/NxYqZJ

Etiquetas: menu+deplegable, responsive
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:01.