✅COMO HACER MENÚ DESPLEGABLE CON PURO HTML Y CSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ส.ค. 2024

ความคิดเห็น • 175

  • @scv1300
    @scv1300 2 ปีที่แล้ว +28

    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 ปีที่แล้ว +4

      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 ปีที่แล้ว +1

      ​@@cientifica9150 ayuda bro

  • @blackman4419
    @blackman4419 ปีที่แล้ว +20

    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 ปีที่แล้ว

      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.

  • @rampiollin
    @rampiollin 11 ชั่วโมงที่ผ่านมา

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

  • @cristophergomezxd526
    @cristophergomezxd526 10 วันที่ผ่านมา

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

  • @phoenixrx
    @phoenixrx 2 ปีที่แล้ว +14

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

  • @oscargallardo6464
    @oscargallardo6464 2 หลายเดือนก่อน

    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.

  • @grisneidycruz8800
    @grisneidycruz8800 2 ปีที่แล้ว +1

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

  • @Ken-qp4ef
    @Ken-qp4ef ปีที่แล้ว

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

  • @MaestreDLosBuenos
    @MaestreDLosBuenos ปีที่แล้ว +2

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

    • @wilimberrico43
      @wilimberrico43 ปีที่แล้ว +1

      Yo también lo ando buscando xd

  • @akiomae
    @akiomae 2 ปีที่แล้ว +3

    Este video va a ser genial, esperando el estreno

  • @josemanuelherrero6495
    @josemanuelherrero6495 2 ปีที่แล้ว +4

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

  • @luisfernandolondonosanchez4851
    @luisfernandolondonosanchez4851 11 หลายเดือนก่อน

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

  • @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.

  • @CesarSaavedraH
    @CesarSaavedraH 11 หลายเดือนก่อน

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

  • @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.

  • @leonardomontillamartinez9470
    @leonardomontillamartinez9470 2 ปีที่แล้ว

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

  • @saymone6721
    @saymone6721 ปีที่แล้ว

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

  • @yelkamireya
    @yelkamireya ปีที่แล้ว +1

    Excelente explicación. Muchas gracias por todo.

  • @claucad52
    @claucad52 2 ปีที่แล้ว +1

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

  • @caam1
    @caam1 ปีที่แล้ว +1

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

  • @yimcomos9857
    @yimcomos9857 ปีที่แล้ว

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

  • @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.

  • @democraciapersonal
    @democraciapersonal 2 ปีที่แล้ว +12

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

    • @VisualAvalon
      @VisualAvalon  2 ปีที่แล้ว +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 2 ปีที่แล้ว

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

  • @alexfernandezcasatejada6809
    @alexfernandezcasatejada6809 ปีที่แล้ว

    tu si que sabes hacer tutoriales, eres un grande

  • @bryanleon9534
    @bryanleon9534 2 ปีที่แล้ว +5

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

    • @VisualAvalon
      @VisualAvalon  2 ปีที่แล้ว +1

      Gracias a ti hermano por tu apoyo! Saludos

  • @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.

  • @inversoresmc755
    @inversoresmc755 ปีที่แล้ว

    Gracias profe.
    Y saludo desde República Dominicana

  • @jovanyjimenez8920
    @jovanyjimenez8920 ปีที่แล้ว

    muchas gracias por compartir tus conocimientos

  • @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.

  • @sebasx...
    @sebasx... 2 ปีที่แล้ว +3

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

  • @pabloezequielsaenzbriones3655
    @pabloezequielsaenzbriones3655 11 หลายเดือนก่อน

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

  • @eduardomarcelinoballestero9000
    @eduardomarcelinoballestero9000 ปีที่แล้ว

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

  • @Charlie-le4sp
    @Charlie-le4sp 2 ปีที่แล้ว +1

    gracias magtimus una vez mas me has ayudado muchisimo , gracias

    • @VisualAvalon
      @VisualAvalon  2 ปีที่แล้ว

      Con gusto... Saludos hermano!

  • @leonciogrullon
    @leonciogrullon 2 ปีที่แล้ว +1

    Gente del ITLA por aquí!

  • @roquecastroaraya1431
    @roquecastroaraya1431 2 ปีที่แล้ว

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

  • @osvaldotorrez8975
    @osvaldotorrez8975 2 ปีที่แล้ว +1

    Muy buen tutorial. Aprendi varias tecnicas.

    • @VisualAvalon
      @VisualAvalon  2 ปีที่แล้ว

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

  • @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í :)

  • @jeanpaulf19
    @jeanpaulf19 2 ปีที่แล้ว

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

  • @alejandrocarreno1121
    @alejandrocarreno1121 10 หลายเดือนก่อน

    muy buen tutorial nuevo sub

  • @ladelec
    @ladelec 4 หลายเดือนก่อน

    Excelente ejemplo! nuevo suscriptor.

  • @gustavobeltran5897
    @gustavobeltran5897 6 หลายเดือนก่อน

    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.

  • @fgughy
    @fgughy 5 หลายเดือนก่อน

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

  • @anfelobo
    @anfelobo 2 ปีที่แล้ว

    Cristian!! Que PRO! Gracias!!!!

  • @carlosg.9583
    @carlosg.9583 2 ปีที่แล้ว +2

    Buen vídeos, sigue adelante.

  • @christianbazalar8595
    @christianbazalar8595 2 ปีที่แล้ว +2

    Crack, mis respetos.

  • @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?

  • @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.

  • @cientifica9150
    @cientifica9150 ปีที่แล้ว

    Tus tutoriales son los mejores mi amigo

  • @TaniaRoldan-jq5zt
    @TaniaRoldan-jq5zt 9 หลายเดือนก่อน +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)

  • @santiagofonzo9336
    @santiagofonzo9336 2 ปีที่แล้ว

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

  • @Carli180
    @Carli180 2 ปีที่แล้ว +2

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

  • @Spirituhim
    @Spirituhim 2 ปีที่แล้ว

    muchas gracias, me ahorraste demasiado tiempo

  • @ARMAPRO
    @ARMAPRO ปีที่แล้ว +1

    Excelente trabajo bro, gracias por este gran taller.

  • @sharonlopez7613
    @sharonlopez7613 ปีที่แล้ว +1

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

  • @Henry_Nunez
    @Henry_Nunez ปีที่แล้ว +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. 👍

  • @johanmena1692
    @johanmena1692 2 ปีที่แล้ว

    Hey tu eres un tigiere manin me gusto mucho gracias

  • @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

  • @newentu
    @newentu ปีที่แล้ว

    Excelente tutorial, me sirvio mucho, saludos!

  • @theijarurbano6852
    @theijarurbano6852 ปีที่แล้ว

    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

  • @nazaz308
    @nazaz308 2 ปีที่แล้ว

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

  • @franciscosantiagocruz9867
    @franciscosantiagocruz9867 ปีที่แล้ว

    Genial, muchas gracias explicas excelente.

  • @VillarBlog
    @VillarBlog 6 หลายเดือนก่อน

    Bro, ¿dónde estudiaste? ¿Estudiaste en el itla? esa pagina me parece conocida a la principal del itla. Jajajá. Aunque no obligatoriamente sea del itla, ya que seguiste las normas ogtic.

  • @nayelireyes187
    @nayelireyes187 ปีที่แล้ว

    Me encantó , eres un crack . Nueva suscriptora

  • @patriayvida4209
    @patriayvida4209 2 ปีที่แล้ว +1

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

  • @prosperopastorcuevaizquier4910
    @prosperopastorcuevaizquier4910 6 หลายเดือนก่อน

    si el nav>ul>li llegara haber una propiedad como margin como resolveria sin quitarle el selector?
    yo-quiero-un-heroe.jpg

  • @nettogrowthpartners9567
    @nettogrowthpartners9567 ปีที่แล้ว +1

    Cristian perdón por corregirte pero así como me estás mejorando enormemente en html y css quiero aportar algo -> uppercase (áperqueis), ease (íis), height (háit), image (ímish) (Advertencia: pido disculpas por el crimen al poner la pronunciación como sonaría en español, pero es para no hacer largo este post con mas explicaciones)

    • @Code__Play
      @Code__Play ปีที่แล้ว +1

      Creí que image sonaría
      Imash 🥴
      Pero bueno comentario.

    • @nettogrowthpartners9567
      @nettogrowthpartners9567 ปีที่แล้ว

      @@Code__Play tenés que acentuar en la i y pronunciar como si fuera una y (de Argentina) o el comienzo de una sh. La a tenés que pronunciarla como una i muuy cortita.

    • @Code__Play
      @Code__Play ปีที่แล้ว +1

      @@nettogrowthpartners9567 gracias.

    • @alejandroeliasdiazorellana257
      @alejandroeliasdiazorellana257 ปีที่แล้ว +1

      No pidas perdon, es mas podrias hacer un video tutorial, encontre excelente tu idea, el ingles deberia enseñarse como tu lo has hecho, y luego aprender a leer y escribir, ya sabiendo hablar

    • @nettogrowthpartners9567
      @nettogrowthpartners9567 ปีที่แล้ว

      @@alejandroeliasdiazorellana257 Gracias Alejandro! Tengo ya grabadas 60 lecciones de pronunciación de Inglés. Tengo que promocionarlo.

  • @adrianacanupaan2359
    @adrianacanupaan2359 2 ปีที่แล้ว

    Exelente muchas gracias!!

  • @ewretrewtretretr9913
    @ewretrewtretretr9913 ปีที่แล้ว

    gracias amiguito, me ayudo mucho

  • @pedrosferco9460
    @pedrosferco9460 2 ปีที่แล้ว

    Muy bueno. Gracias

  • @edwarZEDV
    @edwarZEDV 2 ปีที่แล้ว +1

    Tienes mis respetos

  • @hugocangi6214
    @hugocangi6214 6 หลายเดือนก่อน

    termine el menu con sub menu gracias
    saludos

  • @jonathanurbaezterrero5467
    @jonathanurbaezterrero5467 ปีที่แล้ว

    Soy nuevo en tu canal primer video y tengo dudas suenas como dominicano ¿eres dominicano?

  • @k.jayalaayala2837
    @k.jayalaayala2837 2 ปีที่แล้ว

    muchas gracias amigo me sirvio demasiado!

  • @sharonangelesmedina7168
    @sharonangelesmedina7168 2 ปีที่แล้ว

    El brayan programando :v bien ahí xd

  • @hectorbescobar
    @hectorbescobar 2 ปีที่แล้ว

    NUEVO SUSCRIPTOR.

  • @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????

  • @mayragonzalezcocinajardin503
    @mayragonzalezcocinajardin503 หลายเดือนก่อน

    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

  • @omarrobertopinedahernandez9327
    @omarrobertopinedahernandez9327 2 ปีที่แล้ว

    muchas gracias por el contenido sigue asi!!

  • @andrik99999
    @andrik99999 ปีที่แล้ว

    que buen video me encanto

  • @victorcabrera7380
    @victorcabrera7380 ปีที่แล้ว

    Hola Cristian hice el diseño de este ejercicios medianamente lo hice pero algunas cosas que no se porque no me salio tendré que repasar los código en html y css haber donde tengo el error, te mando un saludos de Buenos Argentina victor

  • @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

  • @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 :(

  • @juanjimenezfernandez8504
    @juanjimenezfernandez8504 2 ปีที่แล้ว

    Muy buen video, sigue así!!!

  • @rodrigojavierbustamante7438
    @rodrigojavierbustamante7438 7 หลายเดือนก่อน

    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

  • @musicadefondo_oficial
    @musicadefondo_oficial 2 ปีที่แล้ว

    Excelente video

  • @mag1076
    @mag1076 24 วันที่ผ่านมา

    36:00 sub menu 😊

  • @khrissmannix4204
    @khrissmannix4204 5 หลายเดือนก่อน

    Hola. Buen video. Me pasa algo y es que al dar clic en la parte azul me abre el menú y no sé por qué. O sea, solo debería abrir al presionar en el icono, pero sigue desplegándose en cualquier parte de la barra si doy clic. Estuve revisando el video una y otra vez y lo tengo igual ( creí que con darle un ancho de 26px al label igual que tú me funcionaría). Pero no sé por qué a ti te funciona y a mi no. ¿Tienes alguna sugerencia? Te lo agradecería. Saludos.

  • @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

  • @jorgemiguel1827
    @jorgemiguel1827 2 ปีที่แล้ว

    Muy Buen Videooo Muy Util

  • @pablovelazquez4897
    @pablovelazquez4897 2 ปีที่แล้ว

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

  • @danielforero8014
    @danielforero8014 2 ปีที่แล้ว +2

    Estaría bien ya que es un video tutorial, explicase mejor los atajos y por que ocurren las cosas en el codigo para que sea mas completo y se acemeje mas al nombre de magtimus pro

    • @filit0RD
      @filit0RD ปีที่แล้ว

      exactamente

  • @kreiger8912
    @kreiger8912 ปีที่แล้ว

    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

  • @jerry0146
    @jerry0146 2 ปีที่แล้ว

    Gracias por la ayuda

  • @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ú.

    • @cosmo5935
      @cosmo5935 2 ปีที่แล้ว

      ¡A mi tampoco me funciona!:(

    • @Bazzinga_ok
      @Bazzinga_ok 2 ปีที่แล้ว

      idem

  • @estudiotomy1740
    @estudiotomy1740 2 ปีที่แล้ว +1

    14:25 ahí empieza a hacer la lista desplegable :D

  • @orlandocaicedo8624
    @orlandocaicedo8624 2 ปีที่แล้ว

    Genial!!

  • @masterverso817
    @masterverso817 2 ปีที่แล้ว

    Hola podrias hacer un video de Indicador de cargar y cuando se cargue salga tu pagina Web????