✅COMO HACER MENÚ DESPLEGABLE CON PURO HTML Y CSS

Поділитися
Вставка
  • Опубліковано 11 гру 2024

КОМЕНТАРІ • 178

  • @scv1300
    @scv1300 2 роки тому +29

    Fui programador hace 20 años y había dejado de programar,ahora por necesidad lo estoy retomando y es con HTML y CCS, Muchas gracias por tu ayuda. Te felicito, todo un profesional.

    • @cientifica9150
      @cientifica9150 2 роки тому +5

      Hola, ¿qué tal? Yo tengo 19 años y estoy aprendiendo esto por mi cuenta... no tengo formación académica en este tema, terminé secundaria y no quiero ir a la universidad de mi país y tengo un conocimiento decente hasta ahora... podría hacerte algunas preguntas acerca del tema laboral? Me interesa...

    • @luisalbertopachecohernande2037
      @luisalbertopachecohernande2037 2 роки тому +1

      ​@@cientifica9150 ayuda bro

  • @juanalbertofriasmajul
    @juanalbertofriasmajul 27 днів тому

    Estoy haciendo mi proyecto para titulación y había tenido algunos pequeños problemitas al combinar un título, un menú desplegable con submenú y una parte inferior con formularios, pero al vertu video pude entender eso y además me orientaste para hacerlo más elegante y funcional.
    Muchas gracias por tu orientación...

  • @blackman4419
    @blackman4419 2 роки тому +21

    Este tipo si sabe dar un tutorial, soy principiante en esto y en otras ocasiones no te específican que necesitas carpetas de imajenes o los enlaces que usas y como se usa, en fin te felicito encerio, sub nuevo

    • @carlosmariovischi2823
      @carlosmariovischi2823 2 роки тому

      te quiero preguntar si puedo usar parte de este codigo paraa un proyecto personal???, muchas gracias y estoy aprendiendo.

  • @braveheart9301
    @braveheart9301 2 роки тому +1

    Si has bajado a ver los comentarios te aviso, éste tutorial no es para principiantes, para seguirlo hace falta tener cierto nivel en html y css, gracias para el profe, eres un crack, menos políticos y mas gente como usted, el mundo iría mucho mejor.

  • @oscargallardo6464
    @oscargallardo6464 6 місяців тому

    GRACIAS GRACIAS GRACIAS!!!!! Me ha sido de gran utilidad este tutorial!!! Te felicito por la manera tan simple y práctica de enseñar!!! Saludos desde Argentina.

  • @CesarSaavedraH
    @CesarSaavedraH Рік тому

    Mi hermano, usted es un duro... Gracias por el video... Saludos desde Panamá 🇵🇦

  • @luisfernandolondonosanchez4851

    ESTOY APRNDIENDO HTML Y CSS, EXCELENTE EL EJERCICIO Y LA EXPLICACION...MUCHAS GRACIAS

  • @phoenixrx
    @phoenixrx 2 роки тому +14

    Excelente tutorial, muy bien explicado todo excepto que no funcionan los submenus adecuadamente cuando estan en modo responsive pequeño

  • @akiomae
    @akiomae 3 роки тому +3

    Este video va a ser genial, esperando el estreno

  • @leonardomontillamartinez9470
    @leonardomontillamartinez9470 2 роки тому

    Mi hermano que MAESTRO, todo un CRACK de la programación, EXCELENTISIMO VIDEO men!!!!

  • @josemanuelherrero6495
    @josemanuelherrero6495 2 роки тому +4

    Excelente toda tu explicación paso a paso amigo Magtimus!!!!!!!!!!!

  • @Ken-qp4ef
    @Ken-qp4ef 2 роки тому

    Este tipo sabe explicar, es porque tiene buena dicción y explica las cosas al momento de que las hace de manera fluida.

  • @cristophergomezxd526
    @cristophergomezxd526 3 місяці тому

    Bro mil gracias este video fue muy útil para mi. Te deseo todo lo mejor bendiciones.

  • @yelkamireya
    @yelkamireya 2 роки тому +1

    Excelente explicación. Muchas gracias por todo.

  • @grisneidycruz8800
    @grisneidycruz8800 2 роки тому +1

    miop usted suena dominicano , y tu ere un duro el video tuyo no lo pusieron en una clase

  • @inversoresmc755
    @inversoresmc755 Рік тому

    Gracias profe.
    Y saludo desde República Dominicana

  • @skybood1304
    @skybood1304 2 роки тому +5

    Me encanto el video aprendin muchas cosas y practique otras que ya estaba olvidando como hacer, lo mas seguro lo vea un par de veses mas hasta que lo maneje todo si necesitar verlo. Solo una cosa entiendo tu pasion por que todo sea con CSS pero si es necesario usar un par de lineas de JS para el menu lo deberias aplicar yo asi lo suelo hacer y es mas limpio el codigo de CSS en lugar de hacer tantas maromos con el check box, otra cosa no estoy muy deacuerdo en usar tantas etiquitas para llegar a un hijo es mejor usar id o clases al final esa es la idea. Pero igual como mensione antes yo estoy aprendiendo y tu video es una joya en yutube sigue compartiendo tu tiempo y conocimiento y yo aunque sea te doy mi like y te aseguro ver el video de principio a fin.

  • @joorchampi3346
    @joorchampi3346 2 роки тому +1

    Tu si que sabes. A ver si soy capaz... jeje... que los menus de mis webs ya aburren. Gracias y un saludo.

  • @claucad52
    @claucad52 2 роки тому +1

    Muy bueno! apenas estoy empezando pero lo fui haciendo paso a paso viendo el video, quedó genial! un abrazo!

  • @yimcomos9857
    @yimcomos9857 2 роки тому

    muy completo los videos y bien explicado para saber que función cumple cada etiqueta

  • @alexfernandezcasatejada6809
    @alexfernandezcasatejada6809 2 роки тому

    tu si que sabes hacer tutoriales, eres un grande

  • @carmen7606
    @carmen7606 2 роки тому

    Me gusta mucho como expicas porque vas paso a paso y se entiende muy bien.Gracias

  • @gustavoestrada4152
    @gustavoestrada4152 Рік тому

    Excelente el tuto todo bien explicado con detalles. Muchas Gracias.

  • @saymone6721
    @saymone6721 Рік тому

    Chido Carnal buena onda te agradezco mucho. Bendiciones gracias a ti e incrementado un poco mas mi habilidad en el responsive.

  • @jovanyjimenez8920
    @jovanyjimenez8920 2 роки тому

    muchas gracias por compartir tus conocimientos

  • @caam1
    @caam1 2 роки тому +1

    amigo solo quiero agradecerte por la dedicación y tiempo que haces para enseñarnos, de corazón muchas gracias

  • @pabloezequielsaenzbriones3655

    amigo, SOS UN GENIO. SIn nada mas que decir me suscribo y doy like

  • @fredishernandez8205
    @fredishernandez8205 2 роки тому

    Gracias estoy iniciando y tus vídeos son los mejor para aprender

  • @carleto9294
    @carleto9294 2 роки тому +2

    Gracias hermano, me sirvió de mucho, aprendí muchas cosas con este video, sigue así :)

  • @eduardomarcelinoballestero9000

    Excelente mi hermano, muy buena didáctica para la explicaciones.

  • @roquecastroaraya1431
    @roquecastroaraya1431 2 роки тому

    demasiado bueno, explicas muy bien, es mas no entiendo como siendo tan bueno tienes tan pocos suscriptores

  • @anfelobo
    @anfelobo 2 роки тому

    Cristian!! Que PRO! Gracias!!!!

  • @cristiana3364
    @cristiana3364 Рік тому

    Muy buen video. Estaria bueno que hagas una pagina parecida pero sin usar los operadores >. Ya que todos los videos actuales nadie los usa. Vos explicas re bien, por eso me gustaria.

  • @Charlie-le4sp
    @Charlie-le4sp 2 роки тому +1

    gracias magtimus una vez mas me has ayudado muchisimo , gracias

  • @ladelec
    @ladelec 7 місяців тому

    Excelente ejemplo! nuevo suscriptor.

  • @cientifica9150
    @cientifica9150 2 роки тому

    Tus tutoriales son los mejores mi amigo

  • @bryanleon9534
    @bryanleon9534 3 роки тому +5

    Gracias por este tutorial, esta entretenido y muy bueno :)

    • @VisualAvalon
      @VisualAvalon  3 роки тому +1

      Gracias a ti hermano por tu apoyo! Saludos

  • @keniamengon4628
    @keniamengon4628 Рік тому +1

    En caso de querer todas las opciones con imagenes, no solo el "Home" como seria, podrias hacer tutorial para ese caso por favor! y gracias por los tutoriales siempre tan buenos y bien explicados.

  • @santiagofonzo9336
    @santiagofonzo9336 2 роки тому

    Buenísimo viejo, clasísmo el proceso! Gracias!!

  • @jeanpaulf19
    @jeanpaulf19 2 роки тому

    excelente tutorial hermano, saludos desde Chile con nuevo presidente y mucha esperanza🙂🙂🙂

  • @osvaldotorrez8975
    @osvaldotorrez8975 2 роки тому +1

    Muy buen tutorial. Aprendi varias tecnicas.

    • @VisualAvalon
      @VisualAvalon  2 роки тому

      Me alegro muchísimo hermano! Espero siempre servirte de ayuda! Saludos

  • @nazaz308
    @nazaz308 2 роки тому

    sos un crack! Te felicito por el tremendo contenido! segui asi!

  • @carlosg.9583
    @carlosg.9583 3 роки тому +2

    Buen vídeos, sigue adelante.

  • @propositivo2025
    @propositivo2025 2 роки тому

    Excelente tutorial, me lo seguí todo, solo en la parte mobile me resultó más fácil ponerle un poco de javascript a la activación del menú, seguiré viendo tu contenido.

  • @Spirituhim
    @Spirituhim 2 роки тому

    muchas gracias, me ahorraste demasiado tiempo

  • @sebasx...
    @sebasx... 2 роки тому +3

    Eres un genio, solo que me gustaría ver un tutorial de lo mismo pero en php saludos ✌

  • @newentu
    @newentu Рік тому

    Excelente tutorial, me sirvio mucho, saludos!

  • @christianbazalar8595
    @christianbazalar8595 3 роки тому +2

    Crack, mis respetos.

  • @democraciapersonal
    @democraciapersonal 3 роки тому +12

    Magtinus podrias hacer otro tutorial de una pagina web completa porfas?

    • @VisualAvalon
      @VisualAvalon  3 роки тому +14

      Si, estoy pensando en diseñar la paginade RBG Escuela... Me gusta mucho su diseño así que eso está ahí en proceso de creación. Saludos!

    • @oswaldofranciscoeuanchi9737
      @oswaldofranciscoeuanchi9737 3 роки тому

      @@VisualAvalon si has la página web completa saludos

  • @MaestreDLosBuenos
    @MaestreDLosBuenos Рік тому +2

    Hermano muchas gracias por lo conciso de tu tutorial. Podrias facilitar el proyecto para descargarlo?

  • @ARMAPRO
    @ARMAPRO 2 роки тому +1

    Excelente trabajo bro, gracias por este gran taller.

  • @nayelireyes187
    @nayelireyes187 2 роки тому

    Me encantó , eres un crack . Nueva suscriptora

  • @franciscosantiagocruz9867
    @franciscosantiagocruz9867 2 роки тому

    Genial, muchas gracias explicas excelente.

  • @johanmena1692
    @johanmena1692 2 роки тому

    Hey tu eres un tigiere manin me gusto mucho gracias

  • @ewretrewtretretr9913
    @ewretrewtretretr9913 Рік тому

    gracias amiguito, me ayudo mucho

  • @patriayvida4209
    @patriayvida4209 2 роки тому +1

    Hola!!! Muy Buenos todos tus tutorials!!!
    Ah!! Cómo es eso de """""ataf""""???
    Please ! No logro ENTENDER.

  • @adrianacanupaan2359
    @adrianacanupaan2359 2 роки тому

    Exelente muchas gracias!!

  • @rampiollin
    @rampiollin 3 місяці тому

    El video muy bien, lo musiquilla de fondo un infierno.

  • @diegofernandez9124
    @diegofernandez9124 Рік тому +2

    estimado tengo 2 problemas, logre que me quede la barra de navegacion exactamente igual pero a la hora de escribir contenido en el body no me aparece nada en el navegador. Note 2 problemas, cuando borre el background que le pones al header en color blanco apenas comenzas con los estilos logre que aparesca el texto pero me aparecio arriba de todo, como si fuera parte del header y no del body como realmente lo estoy poniendo. Que puede ser? podrias subir el codigo?

  • @theijarurbano6852
    @theijarurbano6852 2 роки тому

    Excelente tutorial mejor imposible mi pregunta es apenas estoy aprendiendo ya que me gusta la programación y quiero aprender como hago y tengo más de un submenu

  • @gustavobeltran5897
    @gustavobeltran5897 10 місяців тому

    Buenas tardes excelente tutorial, ya lo hice y lo ajuste a mi necesidad, pero tengo un problema cuando lo monto en una pagina con frames, el frame principal o mainFrame no me deja ves todo el sub menu, como hago para que el submenu quede por encima del mainFrame.

  • @alejandrocarreno1121
    @alejandrocarreno1121 Рік тому

    muy buen tutorial nuevo sub

  • @TaniaRoldan-jq5zt
    @TaniaRoldan-jq5zt Рік тому +1

    HOLAA ME AYUDARON MUCHO TUS VIDEOS... AHORA TENGO UNA DUDA SI EL MENU LO QUIERO RELACIONAR CON UNA BASE DE DATOS MYSQL COMO HAGO? PARA REALIZAR UN ABM (ALTA-BAJA-MODIFICACION)

  • @Carli180
    @Carli180 2 роки тому +2

    Como agregar un submenú anidado, es decir, menú principal, submenú y un submenú dentro de este y responsive. Gracias.

  • @andrik99999
    @andrik99999 Рік тому

    que buen video me encanto

  • @pedrosferco9460
    @pedrosferco9460 2 роки тому

    Muy bueno. Gracias

  • @leonciogrullon
    @leonciogrullon 2 роки тому +1

    Gente del ITLA por aquí!

  • @juanjimenezfernandez8504
    @juanjimenezfernandez8504 2 роки тому

    Muy buen video, sigue así!!!

  • @k.jayalaayala2837
    @k.jayalaayala2837 2 роки тому

    muchas gracias amigo me sirvio demasiado!

  • @omarrobertopinedahernandez9327
    @omarrobertopinedahernandez9327 2 роки тому

    muchas gracias por el contenido sigue asi!!

  • @rodrigojavierbustamante7438
    @rodrigojavierbustamante7438 10 місяців тому

    Hola, no puedo poner asterisco, en vs code. Tengo notebook 14" pero cuando apreto "Alt gr + *" me aparece que falta otra letra para poner un atajo de teclado... ayuda

  • @sharonlopez7613
    @sharonlopez7613 2 роки тому +1

    Como puedo hacer si quiero mas de un submenu???

  • @musicadefondo_oficial
    @musicadefondo_oficial 2 роки тому

    Excelente video

  • @Angel-cg2cl
    @Angel-cg2cl 2 роки тому +1

    Hola alguien sabe porque no se me reflejan las animaciones en la pagina web?. No me pasa solo con esto, ya en varias proyectos he intentado usar animaciones pero no se me reflejan en la pagina. Alquien sabe si necesito cambiar alguna configuracion o algo por el estilo????

  • @kreiger8912
    @kreiger8912 2 роки тому

    tengo un gran problema y no se el porque. estoy muy atarado en la parte del paddin de 14px para que guardar un espeacio entre ellos. ps se me desfasea no se si es por angular el cual uso pero del resto aun no me da los li crean paddin por todos los lados pero no se quedan dentro del ul osea su padre

  • @hectorbescobar
    @hectorbescobar 2 роки тому

    NUEVO SUSCRIPTOR.

  • @cesarescober1164
    @cesarescober1164 2 роки тому +1

    Muy buen video te felicito
    Tengo un problema fíjate que cuando está abierto el submenu y uso scroll wheel que desplaza la página web
    El submenu desaparece

  • @edwarZEDV
    @edwarZEDV 2 роки тому +1

    Tienes mis respetos

  • @vickymora04
    @vickymora04 Рік тому

    Disculpa, la verdad me perdí un poco, para que elemento debo poner el fixed para que me quede el menú fijo arriba y que no se pierda cuando baje en la pagina, eso es lo que siempre me confunde :(

  • @carmen7606
    @carmen7606 2 роки тому +2

    Muchas gracias por tu tutorial. Tengo un porblema y es que en el minuto 48,58 , #check__menu:checked ~ nav ul{visivility:visible;opacity:1;height:300px}; no se despliega el menú.

  • @jeancarlostorresarmas3128
    @jeancarlostorresarmas3128 2 роки тому +1

    Hola, como se llama el estilo de texto y color de tu VSC ?

  • @santiagocabrera5153
    @santiagocabrera5153 2 роки тому

    tengo una duda , si quiero hacer una media querie pero para 420px que deberia cambiar

  • @K_bridgett
    @K_bridgett Рік тому

    Hola buenas quería saber como poner una imagen en el submenu, por ejemplo las redes sociales de alguien, la imagen de la red y a la par el nombre de la persona y al apretarlo me lleve a su cuenta

  • @fgughy
    @fgughy 8 місяців тому

    me perdi en el ressponsiv.... ..a repasar .. gracias

  • @aaronacosta2045
    @aaronacosta2045 2 роки тому

    Amigo una pregunta, en caso de que quiera hacer mi menu en el lado derecho? como lo envio para alla?

  • @jorgemiguel1827
    @jorgemiguel1827 2 роки тому

    Muy Buen Videooo Muy Util

  • @Henry_Nunez
    @Henry_Nunez 2 роки тому +1

    Esta genial este menú. Pregunto: que debo hacer para que me funcione sin conexión a internet ya que veo la fuente (google fonts) requiere de una conexión. Muchas gracias, saludos. 👍

  • @mayragonzalezcocinajardin503
    @mayragonzalezcocinajardin503 4 місяці тому

    No se que parte tengo mal, pero el menu se baja de la barra y me sale afuera todo lo demás me funciona y no se como corregirlo, dime como puedo descargar el codigo

  • @juanalbertofriasmajul
    @juanalbertofriasmajul 27 днів тому

    Tengo una pregunta, al hecer un proyecto de u sitio web que maneja CRUD's con su base de datos, para el FrontEnd en HTML y CSS ya para el BackEnd en PHP y XAMPP, cómo puedo hacer para que al ir ejecutando el sistema, que en el navegador en la barra del menú no apareca la URL completa, que solo aparezca el ombre del sistema sin la URL completa?????
    Si alguien me pudiera orientar le estaría muy agradecido.

  • @tomate6223
    @tomate6223 2 роки тому

    buenas, donde esta publicado el proyecto?

  • @pablovelazquez4897
    @pablovelazquez4897 2 роки тому

    Buenas cuando haces el responsive porque la casita se va al medio si te pones encima?
    Un saludo.

  • @rodrigodiaz7678
    @rodrigodiaz7678 4 місяці тому

    y si quiesiera poner un subsubmenu como le podria hacer??

  • @jerry0146
    @jerry0146 2 роки тому

    Gracias por la ayuda

  • @DSCamiloCOL
    @DSCamiloCOL 2 роки тому +1

    Buenas noches, que herramienta usas para hacer el autorefresh mientras vas haciendo cambios en el código y no estar dando F5 en el navegador. Gracias

    • @luisG77_ios
      @luisG77_ios 2 роки тому +1

      utiliza live server extension de visual code

  • @2dgames717
    @2dgames717 2 роки тому

    muchas gracias me sirvió

  • @JORGEELJAJO
    @JORGEELJAJO 2 роки тому

    Tengo un problema en el nav responsivo
    Yo tengo 7 links en el menú y solo se poner el color de fondo a 5 de ellos

  • @vvhoisp.v
    @vvhoisp.v Рік тому +1

    Hice tal cual como has hecho, pero no me aparecen las categorías dentro del background del navbar :( qué pudo haber sido?

    • @vvhoisp.v
      @vvhoisp.v Рік тому

      me aparece debajo del background

  • @Timelapseflightvideo
    @Timelapseflightvideo 2 роки тому

    Disculpa, pero puse una imagen de portada, pero ahora el submenu no se ve sobre la imagen, lo hace detrás de la imagen, como puedo hacer para que el submenu se vea sobre la imagen de portada ?

  • @kevinsalazar2005
    @kevinsalazar2005 2 роки тому

    Eres el mejor

  • @orellanafloresjesleralexan8179
    @orellanafloresjesleralexan8179 2 роки тому

    Que buen vídeo, me ayudó mucho