Crear un Menú de navegación con HTML y CSS - Desarrollo Web

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

КОМЕНТАРІ • 95

  • @valentinahenaoramirez687
    @valentinahenaoramirez687 Рік тому +5

    Vi tantos tutoriales, y el tuyo es el único que sentí bastante claro, muchas gracias

  • @DavidSanchez-tl5ou
    @DavidSanchez-tl5ou 2 роки тому +4

    Gracias amigo, eres de las pocas personas que explica bien y más encima nos facilita el código sigue así saludos

  • @Ounett
    @Ounett 4 роки тому +8

    Uff, justo lo que buscaba :')
    Gracias espero subas, te lo mereces

  • @melinacarraro7320
    @melinacarraro7320 4 роки тому +11

    Yo normalmente uso display: flex y justify- content pero me gusto mucho el video 👍

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

    año 2022 y me gusta la parte web alguien que explica bien sigue a si

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

    Maestro Usted es un Crack !!👌

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

      De nada espero te haya servidor crack 🙌🏻

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

      @@RogerNatividadDev Quedo Excelente, justo la asesoría que esperaba 👍 Mil "Gracias Maestro"

  • @retricoman1119
    @retricoman1119 4 роки тому +3

    Muy buen video man, espero sigas subiendo contenido de este tipo :)

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

    muchas gracias por tu video, me ayudaste muchisimo!!

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

    Muchas gracias por la explicación tan puntual, un suscriptor más 👍👍

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

    Gracias, Felicitaciones, me ayudo, estoy iniciando logré hacer mi primer menú con imagen.

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

    muchas gracias explicas muy bien

  • @josegarcia-ey2tc
    @josegarcia-ey2tc 2 роки тому

    muchas gracias! excelente video :D

  • @Catiiilo
    @Catiiilo 11 місяців тому

    gracias amigo, te queremos

  • @juanquiroga-w4q
    @juanquiroga-w4q Рік тому

    si yo utilizo tu logo y cambie el color del header , tambien cambie el de tu logo y se adapta. Si yo utilizo otro logo que no es el tuyo , y cambio el color del header el logo no se adapta a ese cambio . Porque ?

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

    en caso de que en lugar de la imagen yo quiera poner un apartado diferente que me lleve a la presentación de la pagina, como seria el acomodo?

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

    disculpa amigo también queda sin usar nav mi pregunta es afecta en algo o para que sirve nav concreta mente

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

      Cuando para mejorar el posicionamiento y mejor pracrica usa
      El nav.
      Saludos

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

    HOLA BUEN DIA
    que extensión usas para predecir los códigos?

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

      Hola,
      Puedes usar el plugin Emmet que te auconpleta el HTML

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

    Hola, tengo 3 botones en mi nav para que vaya a mis respectivas 3 section, el problema es cuando le doy clic a un boton, va hacia la seccion, pero me ocupa el "height" de mi "header", osea si mi "header" es de "height: 100px;" cuando le doy clic a un boton del nav, me ocupa 100px arriba de la seccion. Me di cuenta que si le doy "padding: 100px" a c/seccion eso se arregla, pero no quiero hacer eso. Hay alguna forma de evitar esos px del "header"?? Mi barra de nav esta fija con "position: sticky;" y le di "scroll-behavior: smooth;" al html. =D

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

    Sos GOOOOOOD amigo

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

    Y como hago para q por ejemplo inicio me mande a otra lugar o página

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

      yo también tengo esa duda; de como hacer el un menú 100% profesional

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

      @@JaviDevLab debes tener otro HTML y con la etiqueta link le pones para dirigirte a ese HTML pero el otro también debes programarlo ponerle lo que quieres que se vea
      Busca los enlaces ancla

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

    como se llama el programa que usa?

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

    Porque no usas la etiqueta de nav?

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

    Lo intente realizar pero copiandolo tal cual ibas pero me dio 8 errores pero luego copie los codigos de que dejaste cargados y es como que no se aplico.

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

      Puedes revisar el código del tutorial en la descripción

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

    no me salen las lineas de arriba. porque?

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

      Puedes ver el ejemplo en el link del código en la descripción
      Saludos

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

    Hola , tengo una pregunta , como puedo agregar texto dentro de cada una de las pestañas ??

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

      Puedes como pseudiclases hover y agregar un ena etiqueta con el texto dentro de la item li

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

    muchas gracias por tu video hermano

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

    Me hubiese gustado que expliques mas a profundidad la función de cada frase que escribías, y tal vez que modules un poco mejor, aún así buen video, me gustó.

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

    muy bueno, muchas gracias

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

    La imagen tiene que ser simétrica en valores

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

    Que extensión tenés descargada para el bucle ¿es .emet?

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

      Lo que esta adentro de header{ content:" "; ¿son comillas dobles o comillas simple?

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

      Brother tuve un problema en el css, en lista no me carga cuando abro el htlm, pero si me carga tu archivo es decir vos lo tenés copiado en recorrido, ¿sabes como puedo guardar en recorrido? es decir que no sean en columnas.
      Me explayo como el orto pero si, me contestas te agradezco una bocha

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

      El plugin se llama Emmet, y uso el editor Atom

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

      @@taurusdark7656 igual funcina comillas doble o simples

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

    Tu tutorial, esta interesante, solo una critica, algunas etiquetas son un poco complicadas de usar, seria mejor usar menos etiquetas y atributos para que se pueda entender mejor, recuerda que los mas simple y sencillo es siempre lo mejor

  • @KevinRivera-vb9or
    @KevinRivera-vb9or 2 роки тому

    y como puedo llenar el menu?

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

    Es genial! tienes algun video de como crear un menú hamburguesa? para version celular

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

    Ay muchas gracias, me ha servido de mucho. Pero ahora como hago que funcione? :(

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

      Me alegro que te aya servido.
      En la descripción tienes el enlace del código fuente.

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

    te amo brooo

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

    Es adaptable a dispositivos móviles?

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

    bravazo bro! y como lo haría responsive ?

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

    Gracias man

  • @Blue-op6qv
    @Blue-op6qv 2 роки тому

    no explicas una bosta pero me sirve el video gracias

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

    Hol.a

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

    muchas grasias bro

  • @marcossanchez8920
    @marcossanchez8920 4 роки тому

    hoy en dia es mucho mas facil hacerlo con grid

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

    💨💨💨💨

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

    No es responsive

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

      Puedes descargar el código fuente en el enlace en la descripción

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

    lo que mas me emputa es que jamas me funcviona lo que aparece en llos tuoriales ptmdr me cago

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

      Paciencia y también tienes el enlace del código fuente

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

    No entendi ni verga, mi header tiene sliders xd y no sé como aplicarlo con tus codigos

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

    parece cantinflas explicando

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

    No te entiendo bien procura modular mejor. Buen video gracias 👌

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

    no me gusto dis like

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

    Muy bueno, muchas gracias