Excelente explicacion! Me ayudó muchísimo para un trabajo que tenía que hacer. Hasta ahora fue el mejor video que encontré para crear un menu responsive, simple, sencillo y conciso.
Por mucho el video más simple que he visto sobre como hacerlo, me ayudó muchísimo. Super fácil de entender y lo mejor de todo, ahorrando unas cuantas líneas de código, que también ayuda mucho. Suscrito desde ya. Felicidades por este contenido tan bueno.
2 ปีที่แล้ว +1
Muchas gracias, de verdad que tu comentario me ayuda ya que también hay personas que no les gusta y me hacen dudar. Gracias 😀
Está excelente, nada mejor que hacerlo simple, siempre será mejor para el rendimiento de la página. Yo estoy comenzando en este mundo y desde ya te tengo como referencia.
@ hola otra vez , coloque un carousel de bootstrap , carousel se sobrepone en el menu responsive queda debajo ,alguna solucion?
3 ปีที่แล้ว
@@Jorg-rockoff ten mucho cuidado ya que no debes combinar esa tecnología de forma desordenadas. En este caso debe priorizar el Bootstrap, crear un container, row y col, dentro puedes poner el html y css que explico en este video. Y luego otro container row y col y dentro el slider. Ten mucho cuidado, en Bootstrap hay que ser muy ordenado. Saludos
3:14 alt alternativo/a para cuando por desconexión a internet no se vea el logo, se verá el texto alternativo que hayas puesto; usualmente 'Logo' ~ virgulilla. Gracias por enseñar.
3 ปีที่แล้ว +1
Así es, y también sirve para que Google entienda la imagen, la etiqueta alt es muy importante para el SEO
Excelente bro... se agradece el tiempo en enseñar de una manera simple. Como acotación, mientras manuipulabas el menu, deberías haberlo dejado con el -100% en cero para que se vieran los cambios, pero igual se entiende y agradece...
2 ปีที่แล้ว
Claro, la idea es que c/u pueda darle tu toque personal, saludos
excelente amigo, bien explicado, corto y efimero, asi deben ser todos los videos de youtube, proque por lo menos yo un video de mas de 30 minutos no veo
@ espero subas mas videos , gracias por compartir tus conocimientos 😊
2 ปีที่แล้ว
justo estoy subiendo más videos de cursos completos, en agenda esta un curso de html y css completo, otro de php con mysql desde cero, también modelamiento de base de datos y uno de sql server. Poco a poco voy a meterlos al horno, saludos!
Nuevo suscriptor, ando bien en HTML pero cuesta mucho el CSS, aca puedo ver claramente como utilizas las herramientas, y lo hace mas sencillo de entender, gracias
3 ปีที่แล้ว +1
Muchas gracias por tu comentario, aprender css toma un poco de tiempo, es poco a poco, a tu ritmo, sigue adelante. Un abrazo
@ Si la verdad que si, ojala me puedas ayudar me olvide de consultar y me estoy volviendo loco, yo alado de lo que seria el "logo" Puse mi nombre dentro del con un Span, pero no puedo centrar el nombre con el logo, que accion deberia utilizar?
3 ปีที่แล้ว
@@crashfdx eso lo haces rápido con flex, porfa busca en mi canal menu responsive html5 css3 que es diferente a este video, ahí lo hago con Flex que es mucho más fácil y con 2 líneas de código se centra todo lo de adentro. Saludos
🙏Bro, una consulta soy nuevo en esto y ahora no sé cómo hacer cuando al presionar un botón del menú (Mobile) se cierre el menú porque cuando presiono "INICIO" me redirige a la sesión de la página, pero no se cierra el menú, ayuda prease🙏
excelente video, una pregunta? como redirecciono al estar en menu responsive a la sección servicios. ?
3 ปีที่แล้ว
Hola, eso depende. Si es landing pague se hace con ancla utilizando # en href, pero si es otra página entonces escribes servicios.html dentro de href. Saludos
excelente el video me ayudo bastante, solo tengo una consulta, para colocar un icono a la izquierda de cada opción del menú como tendría que hacerlo?, gracias
Gracias amigo por tu video me ayudo bastante, pero cuando pongo imagenes dentro de un nav > img cuando pongo que me salga vercion celular las imagenes me salen encima y no debajo
Muchas gracias por el tutorial me encantó ( pero tengo una duda...como haria que la transición del inicio se quite cuando eliga otro tag?.. Es que se queda hay cuando pues ya estoy eligiendo otro y eso se ve raro)
ปีที่แล้ว
modificar en las transiciones del css probar tiempos y paciencia
amigo tengo una duda el nav no debe ir siempre adentro de header?
3 ปีที่แล้ว +1
Lo que se recomienda es poner logo, nav, buscador y otros similares dentro del header. Pero no hay un estándar, así que somos libres de realizar variantes lógicas según el proyecto a trabajar. Saludos y hasta pronto.
Saludos, esta muy bueno el curso, tengo una consulta como se llama esa forma de aplicar estilos , o sea , nav ul li{} no encuentro en tutoriales y con simple CSS no me funciona, ya lo hice igualito y no sale, de repente usas alguna extensión o algo; gracias de antemano su respuesta.
8 หลายเดือนก่อน
no hay truco, el colocar css de esa forma se llama jerarquía y tiene una razón de ser, saludos
Nuevo suscritor hoy 27 de noviembre del 2022. Una pregunta; Para qué tomarse el trabajo de importar íconos, utilizar etiquetas como "input type="checkbox"" y "label for="check"", ubicarlos en el nav, uno a la derecha y el otro en su lugar original, y después desaparecerlos con display:none;. Realmente no lo entiendo. De resto todo bien.
ปีที่แล้ว
Porque justamente esa es la magia para hacerlo funcionar el menú responsive solo con css
@ Y el menú responsive no se logra con el "width:100%"? Te pregunto con sinceridad; yo solo soy un aprendiz en esto del desarrollo web. De hecho todavía no domino el HTML y CSS con soltura.
Hola, todo correcto. Mi detalle está en que quiero usar ese menú para navegar en secciones del mismo index, pero en la versión de celular, al darle clic, no desaparece el background, se queda en mi fondo, ¿cómo podría hacerle para que desaparezca apenas selecciono uno?
Buenas noches amigo, segui el video linea por linea y logre hacerlo, solo una duda si se agrega un submenu en alguna opcion funcionaria todo igual , algun ejemplo que tengas de ante mano muchas gracias
Buenas noches, estoy haciendo tu video y cuando en el minuto 14:42 insertas la imagen, en el section, a mi particularmente así no me aparece. ¿Me podrías ayudar a hacerlo?. Muchas gracias.
2 ปีที่แล้ว
Solo debes ver bien el tutorial, en informática los errores son de los humanos, las máquinas jamás de equivocan, saludos
Muy buenas... Quizas hubiese sido mucho mejor utilizar un enfoque mobile first que segun tengo entendido es mejor para el SEO, de todas formas muy buen trabajo. Gracias por tu esfuerzo. Saludos.
ปีที่แล้ว
Imposible, recuerda que este video lo ven chicos amateurs o estudiantes que con mucha dificultad logran hacerlo, entonces si aplico lo que mencionas ninguno de ellos logrará seguir el vídeo. Obviamente a nivel profesional mobile first es indispensable, saludos
Hola, implementando su codigo coloque mas opciones en el menu y al querer hacer scroll las opciones no bajan, solo baja el fondo de pantalla, alguna solución? Gracias por su aporte
2 ปีที่แล้ว
Desde un comentario no puedo hacer nada. Para hacer correcciones se debe ver el código y entender lo que sucede
Hey bro necesito que me ayudes con algo, todo lo del video me salio perfecto pero abajo de la navegacion agregue un carrousel. El problema es que a la hora de usarlo en celulares y tocar las 3 barritas arriba, el menu que me abre no me tapa el carrousel. Es decir el carrousel me queda arriba
![BABYMONSTER - 'DRIP' M/V REACTION [WAS NOT EXPECTING THIS!!!]](http://i.ytimg.com/vi/t0Lpgr1jo3Y/mqdefault.jpg)
![กิโลเมตรที่ 0 เดินทางรอบโลกไม่ใช้เครื่องบิน [Around The World Ep. 1]](http://i.ytimg.com/vi/toJG9oofLFY/mqdefault.jpg)
Excelente explicacion! Me ayudó muchísimo para un trabajo que tenía que hacer. Hasta ahora fue el mejor video que encontré para crear un menu responsive, simple, sencillo y conciso.
Muchas gracias por tu comentario y apoyo
Excelente maestro. Muy fácil seguirte y mejor aún, entender qué estás haciendo, por qué y para qué. Agradecida. Obvio, ya te sigo.
Muchas gracias por tu visita, bendiciones y mis mejores deseos
Me encanta como explicas, me ayudará en mi proyecto de clase. Graciaaas.
Gracias
@ me gusto como explicas amigo, aunque te recomiendo que hagas uno con flexbox, pero muy buen video
Por mucho el video más simple que he visto sobre como hacerlo, me ayudó muchísimo. Super fácil de entender y lo mejor de todo, ahorrando unas cuantas líneas de código, que también ayuda mucho. Suscrito desde ya. Felicidades por este contenido tan bueno.
Muchas gracias, de verdad que tu comentario me ayuda ya que también hay personas que no les gusta y me hacen dudar. Gracias 😀
Está excelente, nada mejor que hacerlo simple, siempre será mejor para el rendimiento de la página. Yo estoy comenzando en este mundo y desde ya te tengo como referencia.
Después de mirar horas de videos y tratar de entender... solo digo mil gracias! me suscribo .
Me alegra haber ayudado, hasta pronto
@ hola otra vez , coloque un carousel de bootstrap , carousel se sobrepone en el menu responsive queda debajo ,alguna solucion?
@@Jorg-rockoff ten mucho cuidado ya que no debes combinar esa tecnología de forma desordenadas. En este caso debe priorizar el Bootstrap, crear un container, row y col, dentro puedes poner el html y css que explico en este video. Y luego otro container row y col y dentro el slider. Ten mucho cuidado, en Bootstrap hay que ser muy ordenado. Saludos
Guau... me sorprendiste, siempre use javascript para hacer esto, muy bueno de verdad, solo con html y css. me suscribo.
Lo sigo mi hermano,buen aporte desde el chocó Colombia
Muchas gracias, un abrazo y muchas bendiciones para UD y toda la familia
3:14 alt alternativo/a para cuando por desconexión a internet no se vea el logo, se verá el texto alternativo que hayas puesto; usualmente 'Logo' ~ virgulilla. Gracias por enseñar.
Así es, y también sirve para que Google entienda la imagen, la etiqueta alt es muy importante para el SEO
Estaba buscando el simbolo "~" nisiquiera sabía de su existencia. Gracias por anotarlo jeje
sos un genio y le ponés mucha buena onda!!
muchas gracias
Excelente bro... se agradece el tiempo en enseñar de una manera simple. Como acotación, mientras manuipulabas el menu, deberías haberlo dejado con el -100% en cero para que se vieran los cambios, pero igual se entiende y agradece...
Claro, la idea es que c/u pueda darle tu toque personal, saludos
Muchas gracias. Has sido de gran ayuda para que pudiera comprender como funciona cada parte. Sigue así 💪
que bien!
Muchas gracias, me estaba volviendo loca intentando hacer algo así sólo con HTML y CSS ya que aún no domino JavaScript. Maravilloso vídeo 🥰
Poco a poco, a seguir adelante 🤠
muchas gracias por la excelente explicacion muchas bendiciones para usted
Gracias y bendiciones para ti también
Gracias, Pero muchísimas gracias me ayudo con mi tarea, se ganó nuevo suscriptor y me vere todos sus videos
TE AMOOOO, SOS UN CRACK BRODER EXCELENTE VÍDEO
Gracias bro
Excelente video me sirvió de mucha ayuda...Saludos desde Mexico
Gracias! Saludos!
Thankx for breaking it down.. great tutorial for beginners
genial, muchas gracias, no conocía esas opciones de css y ahorran tocar js
Si, el css es muy ligero
La mejor explicación del mundo de yt, ufff un crack hermano
saludos
Gracias ...funcionó ....excelente
Excelente
22 minutos mirando la pantalla sin parpadear .. acojonante , mis diecesss !
Gracias
Excelente, gracias por el video
llevaba rato buscando como hacer esto sin JS
Con gusto
Muy Buen video Ayudo mucho , entendi conceptos que no tenia del todo claro muchas gracias !!!
Gracias
Me re ayudaste. Con esto pude aprender a hacer el nav con el bars sin usar js. ¡Muchas gracias!
excelente amigo, bien explicado, corto y efimero, asi deben ser todos los videos de youtube, proque por lo menos yo un video de mas de 30 minutos no veo
Ok
Mil gracias... Tus videos son excelentes. gracias!
Muchas gracias. excelente video, mis felicitaciones.
Aquí un nuevo seguidor .
Bienvenido, muchas gracias
Excelente
gracias colega
Muchas gracias, excelente video
Gracias a ti, hasta pronto
¡Muchas gracias, ahí lo tienes!
Gracias por tu visita, hasta pronto
¡Excelente explicación! 🙌🙌🙌
Gracias. Saludos
muy interesante y genial
Gracias!
Aquí un seguidor leal, fiel y un nuevo suscriptor.
Muchas gracias, un abrazo y hasta pronto!
Buenas, te tengo que felicitar por la manera tan amena que tienes de explicar las cosas, muchas gracias por tus aportes, un saludo.
Hola, muchas gracias
Excelente, buen contenido, muchísimas gracias por la explicación
Gracias por tu comentario, hasta pronto
Muy buen tutorial y muy lindo el menú. ¿Se puede alinear el menú pegado al logo en vez de la derecha y cómo se haría?. GRACIAS. Un gran LIKE
Si se puede, como sería no se porque tengo Miles de codigos y no recuerdos todo
Super Capo!!!!
muchas gracias, saludos y mis mejores deseos!
este video me ayudo demasiado gracias bro
Genial , esta explicado al detalle, gracias 🙂
Gracias por tu apoyo 😃
@ espero subas mas videos , gracias por compartir tus conocimientos 😊
justo estoy subiendo más videos de cursos completos, en agenda esta un curso de html y css completo, otro de php con mysql desde cero, también modelamiento de base de datos y uno de sql server. Poco a poco voy a meterlos al horno, saludos!
excelente explicacion bro, se entendio todo.
Muy bien Bravo
muchas gracias me aclaraste varias dudas
Con mucho gusto
thank you so so so much your a great person you helped
bro Muchas muchas gracias deje mi like y me suscribi gracias bro me sirvio un monton de verdad
Gracias colega, un abrazo
muy buen video hermano gracias!
este hombre es un duro
saludos
Muy buen video ,me ayudo muchisimo!!!!!!!
Muchas gracias por tu apoyo 😃
Expectacular
Muchas gracias
Nuevo suscriptor, excelente explicación. Mil gracias!!!
The basics for anyone. Definitely putting tNice tutorials in my notes.
GRACIAS TE AGRADEZCO
Gracias por tu visita, me alegra leer los mensajes, saludos
Muchas gracias! Nuevo suscriptor
Perfecto, hasta pronto.
Impecable!
Nuevo suscriptor, ando bien en HTML pero cuesta mucho el CSS, aca puedo ver claramente como utilizas las herramientas, y lo hace mas sencillo de entender, gracias
Muchas gracias por tu comentario, aprender css toma un poco de tiempo, es poco a poco, a tu ritmo, sigue adelante. Un abrazo
@ Si la verdad que si, ojala me puedas ayudar me olvide de consultar y me estoy volviendo loco, yo alado de lo que seria el "logo" Puse mi nombre dentro del con un Span, pero no puedo centrar el nombre con el logo, que accion deberia utilizar?
@@crashfdx eso lo haces rápido con flex, porfa busca en mi canal menu responsive html5 css3 que es diferente a este video, ahí lo hago con Flex que es mucho más fácil y con 2 líneas de código se centra todo lo de adentro. Saludos
@ muchisimas gracias
Muchas gracias
De nada
¡¡¡ GRACIAS, GRACIAS, GRACIAS !!!
A la orden
you're a genius man...
Thanks
buenísimo
Gracias
gracias master, me faltaba ese menu para mi template de practica. PD: nuevo sub y like
Gracias colega, hasta pronto
💯💯💯
Hola mi bro, todo excelente, pero si se pudiera agrandar las letras del VS estaría mejor, de igual forma me sirvió gracias por el aporte!!!
gracias gracias!
Gracias por tu comentario
sos el mejor
Gracias colega, el siguiente video sale la próxima semana y será de Bootstrap 5 y Crud php 8. Un abrazo
🙏Bro, una consulta soy nuevo en esto y ahora no sé cómo hacer cuando al presionar un botón del menú (Mobile) se cierre el menú porque cuando presiono "INICIO" me redirige a la sesión de la página, pero no se cierra el menú, ayuda prease🙏
Trataré de revisar el código
Muchas Gracias , me ayudaste a salir de muchas dudas y lograr lo que queria
sos un capo
Muchas gracias 😊
it a go!
That was an amazing video and I feel like I can actually get started using soft soft. Thank you so much!
You're so welcome!
Hola, muy buen video, de pronto tienes un video para aprender menú vertical acordeón responsive. Gracias!
Ninguno, pero lo tendré en mente, saludos
MIRA VE, QUE BENDICION VE
Gracias
Igualmente
¿por que si desplazas hacia abajo en el menú hamburguesa la pagina se desplaza?
Hola amigo, no funciona mas el link de descarga del codigo
arreglado
excelente video, una pregunta? como redirecciono al estar en menu responsive a la sección servicios. ?
Hola, eso depende. Si es landing pague se hace con ancla utilizando # en href, pero si es otra página entonces escribes servicios.html dentro de href. Saludos
excelente el video me ayudo bastante, solo tengo una consulta, para colocar un icono a la izquierda de cada opción del menú como tendría que hacerlo?, gracias
Lo pones antes del texto
no entiendo xq no me carga el en mi pagina, es lo unico q no me sale
Es un error clásico de novato, deberás superar esa prueba. También puedes probar con los iconos de Bootstrap y los de google
Excelente video... ¿Como puedo hacer para que el menu se vuelva a ocultar una vez le des click a un elemento de ese menu en la version APP ???
Configura otro check o con javascript
Gracias amigo por tu video me ayudo bastante, pero cuando pongo imagenes dentro de un nav > img cuando pongo que me salga vercion celular las imagenes me salen encima y no debajo
ok lo revisaré
consulta, y si quisiera que al hacer click en alguna opcion del menu, como hago para que el menu vualva a ocultarse automaticamente?
Es cosa de aplicar la lógica simple de acuerdo a cómo fue contenido, lo hice hace meses así que no tengo el código a la.mano
Muchas gracias por el tutorial me encantó ( pero tengo una duda...como haria que la transición del inicio se quite cuando eliga otro tag?.. Es que se queda hay cuando pues ya estoy eligiendo otro y eso se ve raro)
modificar en las transiciones del css probar tiempos y paciencia
amigo re turbia la imagen de los niños pero igualmente buen video like y sub
Jajajajaja no lo había pensado
Buen video mas fácil Imposible
Gracias 😎
Cómo pongo texto encima de la imagen como para poner un bienvenidos
Un div
amigo tengo una duda el nav no debe ir siempre adentro de header?
Lo que se recomienda es poner logo, nav, buscador y otros similares dentro del header. Pero no hay un estándar, así que somos libres de realizar variantes lógicas según el proyecto a trabajar. Saludos y hasta pronto.
Saludos, esta muy bueno el curso, tengo una consulta como se llama esa forma de aplicar estilos , o sea , nav ul li{} no encuentro en tutoriales y con simple CSS no me funciona, ya lo hice igualito y no sale, de repente usas alguna extensión o algo; gracias de antemano su respuesta.
no hay truco, el colocar css de esa forma se llama jerarquía y tiene una razón de ser, saludos
Nuevo suscritor hoy 27 de noviembre del 2022. Una pregunta; Para qué tomarse el trabajo de importar íconos, utilizar etiquetas como "input type="checkbox"" y "label for="check"", ubicarlos en el nav, uno a la derecha y el otro en su lugar original, y después desaparecerlos con display:none;. Realmente no lo entiendo. De resto todo bien.
Porque justamente esa es la magia para hacerlo funcionar el menú responsive solo con css
@ Y el menú responsive no se logra con el "width:100%"? Te pregunto con sinceridad; yo solo soy un aprendiz en esto del desarrollo web. De hecho todavía no domino el HTML y CSS con soltura.
no, width es sólo ancho
Hola, todo correcto. Mi detalle está en que quiero usar ese menú para navegar en secciones del mismo index, pero en la versión de celular, al darle clic, no desaparece el background, se queda en mi fondo, ¿cómo podría hacerle para que desaparezca apenas selecciono uno?
Se debe revisar los css
Buenas noches amigo, segui el video linea por linea y logre hacerlo, solo una duda si se agrega un submenu en alguna opcion funcionaria todo igual , algun ejemplo que tengas de ante mano muchas gracias
en ese caso cambia muchas cosas
tengo una pregunta, ¿porque no colocaste todo dentro de la etiqueta header?
Hay muchas formas, no existe una regla clara para esto, en otro vídeo de este mismo tema lo hice diferente y todo dentro
Al poner el left: -100px no se te desborda el diseño?, Yo hsgo eso y el width se estira más, y no me funciona el overflow: hidden
lo revisaré
Buenas noches, estoy haciendo tu video y cuando en el minuto 14:42 insertas la imagen, en el section, a mi particularmente así no me aparece. ¿Me podrías ayudar a hacerlo?. Muchas gracias.
Solo debes ver bien el tutorial, en informática los errores son de los humanos, las máquinas jamás de equivocan, saludos
GL bro
Muy buenas... Quizas hubiese sido mucho mejor utilizar un enfoque mobile first que segun tengo entendido es mejor para el SEO, de todas formas muy buen trabajo. Gracias por tu esfuerzo. Saludos.
Imposible, recuerda que este video lo ven chicos amateurs o estudiantes que con mucha dificultad logran hacerlo, entonces si aplico lo que mencionas ninguno de ellos logrará seguir el vídeo. Obviamente a nivel profesional mobile first es indispensable, saludos
Y los vinculos que se accedera por medio del menu como se pondria en responsive
ya es responsive
Hola bro, cuando escribo la etiqueta me sale un erro de sintaxis, sabes que podria ser o como solucionarlo?
El error no creo que se ahí, debe estar cerca pero no exactamente en el label
como puedo fijar el menu que siga al usuario mientras navega , no quiero cambiar el codigo este es el #7 que hago
tengo otro video donde explico ese tema
La verdad que esto era lo que andaba buscando!! Y como podria hacer para que cuando se abra el menu el label cambie a una "X" ?
javascript
Hola, implementando su codigo coloque mas opciones en el menu y al querer hacer scroll las opciones no bajan, solo baja el fondo de pantalla, alguna solución? Gracias por su aporte
Desde un comentario no puedo hacer nada. Para hacer correcciones se debe ver el código y entender lo que sucede
@ Lo solucione con un overflow: auto; dentro del ul que esta en @media(max-width: 850px)
👍🙏🙏🙏🙏🙏🙏🙏
gracias por tu visita
Hey bro necesito que me ayudes con algo, todo lo del video me salio perfecto pero abajo de la navegacion agregue un carrousel. El problema es que a la hora de usarlo en celulares y tocar las 3 barritas arriba, el menu que me abre no me tapa el carrousel.
Es decir el carrousel me queda arriba
Imposible solucionar algo de código sin verlo