Cómo crear una barra de navegación responsiva con HTML, CSS y JavaScript

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

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

  • @xantosromero
    @xantosromero 3 ปีที่แล้ว

    Gracias por compartir tus conocimientos con la comunidad. Me ayudaste a crear un menú responsivo. Bendiciones amigo.

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

    Excelente contenido amigo, me ha sido de gran utilidad. Gracias una y mil veces a los que como tu emplean su tiempo para poder ayudar y enseñar a los demas, sigue asi.

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

    Excelente!!!!
    Muchas gracias. Y sigo atento a más tutoriales.

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

    Gracias papi, me fue de mucha ayuda tu video

  • @eliaslengrube
    @eliaslengrube 4 ปีที่แล้ว

    Hola, solo quería decirte que gracias por aportar tus conocimientos con la comunidad 👏😁

  • @danielgallardo5708
    @danielgallardo5708 3 ปีที่แล้ว

    Excelente video hermano!

  • @carlosdejesusgutierrezlope4638
    @carlosdejesusgutierrezlope4638 3 ปีที่แล้ว

    muy buen video :D muchas gracias

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

    Donde sacastes el icono?

  • @Chimbo_R
    @Chimbo_R 3 ปีที่แล้ว

    Dios te bendiga

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

    Amigo tengo un problema, cuando se despliega el menú me sale un cuadro mas pero sin nada.

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

    Otra pregunta, por alguna razón no me funciona la siguiente linea de código:

    • @pedroolivas_
      @pedroolivas_  4 ปีที่แล้ว

      Qué no funciona?

    • @yoydev
      @yoydev 4 ปีที่แล้ว

      @@pedroolivas_ amigo la etiqueta no funciona, osea no se ve como a ti eso es lo que te quiere decir el, porque a mi tampoco me sirve

    • @yoydev
      @yoydev 4 ปีที่แล้ว

      @@pedroolivas_ Estoy usando HTML5 y la se usaba para poner las letras en italicas

    • @yoydev
      @yoydev 4 ปีที่แล้ว +6


      mano usa esa accion para que te salga el menu hambuerguesa

    • @danieldelao8174
      @danieldelao8174 4 ปีที่แล้ว

      No han de tener el link a fontawesome o lo tienen mal

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

    tienes algun ejemplo de como hacer esto mismo pero con una imagen de fondo en el contenedor ?

    • @drap1852
      @drap1852 3 ปีที่แล้ว

      Background-imagen:;

  • @mateo4274
    @mateo4274 4 ปีที่แล้ว

    Hola, una pregunta, como puedo separar el logo y los menús de navegación de los bordes de derecha e izquierda?

    • @pedroolivas_
      @pedroolivas_  4 ปีที่แล้ว

      Puedes usar padding.

    • @crackzz8913
      @crackzz8913 3 ปีที่แล้ว

      Display: flex y utilizar.la.propiedad justify content: space betwen

  • @omar_calderon
    @omar_calderon 4 ปีที่แล้ว

    Ayudaria bastante si pones el link del codigo final en tus videos.

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

      Pronto cuando lo suba al blog, por el momento si lo escribes tú está más chingón y aprendes más.

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

    quien publica el js sin error?

  • @lucianoiturri4988
    @lucianoiturri4988 3 ปีที่แล้ว

    Bro tengo un problema, mi menú al clickear el botón se vuelve automáticamente. Ya tuve este problema usando toggle(). Podes darme una mano por favor

    • @pedroolivas_
      @pedroolivas_  3 ปีที่แล้ว

      A qué te refieres con que se "vuelve"?

    • @lucianoiturri4988
      @lucianoiturri4988 3 ปีที่แล้ว

      @@pedroolivas_ cuando clickeo en el botón del menú se activa el toggle pero no queds con el menú y desaparece de nuevo. Es como si lo clickeo dos veces. Probé con classList.toggle() y también me pasa lo mismo. Ssbés que puede ser?

  • @tramir21
    @tramir21 4 ปีที่แล้ว

    Hola, me da un error, 'menuToggle is null'. cual puede ser el problema?

    • @pedroolivas_
      @pedroolivas_  4 ปีที่แล้ว

      Pudiera ser que no estás seleccionando el elemento correctamente.

  • @luisalbertoperezalarcon2579
    @luisalbertoperezalarcon2579 3 ปีที่แล้ว

    Lo hice pero sólo con 4 opciones, y todo me salió perfecto, pero al momento de volverlo responsive, el menú me agrega un espacio para una quinta opción y no sé cómo eliminar ese recuadro de más... A alguien más le pasó? Y de ser así, cómo lo solucionó?

    • @luisalbertoperezalarcon2579
      @luisalbertoperezalarcon2579 3 ปีที่แล้ว

      @Benjabbj aún no.... Sigue así con un quinto recuadro

    • @pedroolivas_
      @pedroolivas_  3 ปีที่แล้ว

      Si mal no recuerdo es solo cambiar la altura (height) en la clase .show

  • @hernandezalvareznatividadj7187
    @hernandezalvareznatividadj7187 4 ปีที่แล้ว

    Algo que no me funciona es el js
    nose cual sea mi error
    let menuToggle = document.queryselector('.menu-toggle');
    let menuToggleIcon = document.queryselector('.menu-toggle i');
    let menu = document.getElementsById('menu');
    menuToggle.addEvenListener('click', e=>{
    menu.classList.toggle('show');
    });

    • @pedroolivas_
      @pedroolivas_  4 ปีที่แล้ว

      Cambia document.queryselector por document.querySelector, document.getElementsById por document.getElementById y menuToggle.addEvenListener por menuToggle.addEventListener

    • @pedroolivas_
      @pedroolivas_  4 ปีที่แล้ว

      Cambia document.queryselector por document.querySelector, document.getElementsById por document.getElementById y menuToggle.addEvenListener por menuToggle.addEventListener

    • @hernandezalvareznatividadj7187
      @hernandezalvareznatividadj7187 4 ปีที่แล้ว

      @@pedroolivas_ sigue sin funcionar y segui todo como en el vídeo

    • @seguridadg-mail4442
      @seguridadg-mail4442 3 ปีที่แล้ว

      @@hernandezalvareznatividadj7187 a mi tampoco me funciona

  • @joaquinzaccone5198
    @joaquinzaccone5198 4 ปีที่แล้ว

    No me funciona el codigo JS, puse mayusculas intente de todo, me dice Uncaught TypeError: Cannot read property 'setAttribute' of null.

  • @danielescobar1586
    @danielescobar1586 3 ปีที่แล้ว

    compa me tira error el js, como hago para solucionarlo

    • @pedroolivas_
      @pedroolivas_  3 ปีที่แล้ว

      Que error te tira

    • @seguridadg-mail4442
      @seguridadg-mail4442 3 ปีที่แล้ว

      @@pedroolivas_ a mi tambien. todo lo que escribi en js sale que esta mal.

  • @Real-xu4sk
    @Real-xu4sk 2 ปีที่แล้ว +1

    que les cuesta poner el codigo