Menu de navegacion con HTML CSS Y JS Responsive

Подписаться 124 тыс.

Просмотров 36 тыс.

50% 1

El día de hoy veremos como hacer un excelente menu animado con HTML CSS Y JavaScript
👇👇👇Ver más👇👇👇
👨‍💻🎁 Aprende Diseño Web Desde Cero 👉 alexcgdesign.com/descuento-di...
📣 ¿Necesitas un Hosting y Dominio? Utiliza el cupón "ALEXCG" hasta para un 90% de descuento en Hostinger.com.
ENTRA AQUÍ 👉 www.hostinger.com/alexcg
📌 Links interesantes 📌
▶️ ¿Necesitas una página web?: bit.ly/2VaUUGt
▶️ Blog de desarrollo web: bit.ly/2DJM0oF
▶️ ¿Te gustó el vídeo? Suscribete aquí: ru-vid.com...
📌 Descarga el código y links usados en el vídeo 📌
▶️Codigo: bit.ly/2Vd7TYs
✉️ Redes sociales ✉️
▶️Facebook: goo.gl/7o77tx
▶️Linkedin: goo.gl/byCJnS
▶️Github: github.com/AlexCGDesign
▶️ Página web: bit.ly/2VaUUGt
Tags:
Como hacer un menu adaptable a dispositivos moviles 2019 | Crea un menu fijo | Crea un menú animado

Наука

Опубликовано:

1 май 2019

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 48

@AlexCGDesign 5 лет назад

📌 Descarga el código y links usados en el vídeo 📌 ▶️Codigo: bit.ly/2Vd7TYs

@makeitfun6518 5 лет назад

Excelente tu aporte Alex, gracias por tu vídeo, es de mucha utilidad!

@marisasegura662 3 года назад

Me encantó, era justo lo que quería hacer pero lo estaba pensando de manera rebuscada sin saber que existía esa página, me salvaste. Gracias

@laMarvilla4 4 года назад

Fue de mucha ayuda tu video, muchas gracias :D

@omaranaidgarciavalenzuela1398 4 года назад

Gracias, excelente aporte....

@erickmarleyarita8026 3 года назад

Gracias por tu aporte @AlexCG Design ,vi que tu código js se puede reducir un poco let boton = document.querySelector("#icono"); let enlaces = document.querySelector(".enlaces"); boton.addEventListener("click", () => { enlaces.classList.toggle("dos"); }); window.addEventListener("resize", () => { enlaces.classList.remove("dos"); }); con enlaces.classList.toggle() se puede poner y quitar una clase saludos

@felipevilchez6470 4 года назад

excelente bro!, saludos desde chile

@alexito1612 4 года назад

muy bueno el tutorial genial con ese estilo de front end

@joseantoniosanchez2152 4 года назад

Gracias por el contenido.

@rdv4436 5 лет назад

Muy buen video sigue asi y de seguro llegaras lejos

@alvaroquispecastro3576 5 лет назад

Excelente video

@emilianocassoni1020 3 года назад

Hola me encanto como lo explicaste!! me gustaria saber si puedes dentro de ese menu a uno de los .a (digamos que servicio) podamos apretar y se desplegaran mas opciones, como un dropdown

@salvadorsarabiaorea105 2 года назад

Todo está muy bonito pero ¿cómo activar los links del menú? Es decir, si quiero que las páginas direccionadas mantengan el mismo estilo: Las hago idénticas, con su respectiva cuota de error humano o uso alguna plantilla (tipo páginas maestras o diseño con marcos)?

@danieljoabvillegas6244 2 года назад

Hola buenas tardes me encanta tui video una pregunta pero para hacer scroll dentro de la pagina como le haria o que modifico en el css

@darynkatapia3812 4 года назад

Muy buen video

@AlexCGDesign 4 года назад

Gracias Abril, esperamos verte pronto en el canal.

@luian685 4 года назад

gracias por el tutorial, solo una observacion bro, en vh, vw, etc... la v no significa virtual, significa viewport.

@eduardfonse7265 4 года назад

Mi pregunta es, para que creaste la clase active?

@miguelperez-hq8bd 4 года назад

Hola, Alex. Muchas gracias por compartirnos estos excelentes tutoriales. A propósito le hago una consulta. Al hacer activar el menú para pantallas de móviles y hacer scroll los elementos del sitio se superponen al div que contiene el menú, cómo podría solucionar eso. Desde ya gracias

@AlexCGDesign 4 года назад

Con un Z-index amigo :)

@miguelperez-hq8bd 4 года назад

Estimado funcionó, muchas gracias.b

@dannyaviles3935 4 года назад

Me gusto mucho el vídeo pero me gustaría cómo hacer con los botones para seleccionar y ir a la información

@celiagodard661 4 года назад

hola, no me funciona lo del color con uigradients , puedes ayudarme porfa

@kennethgomez100 4 года назад

amigo no sabes como hacer que el menu siempre este fijo cuando haces scroll?

@osmarhd2925 3 года назад

hola amigo buen video, solo que una duda, a mi no me aparecio el icono y mi pc es nueva. como hago otro icono?

@andresmarulanda4149 5 лет назад

amigo por que no seguiste el curso de javascript si estaba excelente .. muy buen video gracias

@AlexCGDesign 5 лет назад

Lo que pasa es que tenía muy poca audiencia

@andresmarulanda4149 5 лет назад

son muy buenos tus videos amigo ... que mal que no hayas seguido con el tutorial de javascript

@AlexCGDesign 5 лет назад

@@andresmarulanda4149 sé seguirá sólo espera unos vídeos más

@loanyelo15 3 года назад

34:50 Por qué no en vez de "si tuviera la clase dos" pones la clase dos con su respectivo div ya que en javascript como va a reconocer esa clase si solo tienes "enlace uno" ?

@codigo-autodidacta 4 года назад

Bro, si el codigo javascript lo colocas como te lo colocare , queda mejor, es mas entendible y mens codigo. const boton = document.getElementById("icono") const enlaces = document.getElementById("enlances") let contador = 0 boton.addEventListener("click", toogleBtnEmpezar) function toogleBtnEmpezar() { if (enlaces.classList.contains("dos")) { enlaces.classList.remove('dos') enlaces.classList.add('uno') } else { enlaces.classList.remove('uno') enlaces.classList.add('dos') } }

@jhonpalacios9984 4 года назад

Alex como estas, logue adaptarlo al sitio web mio. pero como le haria para que cuando seleccionen un elemento del menu se cierre el menu. pues direcciona pero no cierra el menu

@AlexCGDesign 4 года назад

En este vídeo lo explico amigo, ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ivyIqmczxHU.html saludos

@loanyelo15 4 года назад

Que bueno que no usas plugin, sigue así, es raro encontrar alguien que no use eso los plugin alentan el sitio web