como HACER una GALERIA de PRODUCTOS en HTML y CSS 🚀

āđāļŠāļĢāđŒ
āļāļąāļ‡
  • āđ€āļœāļĒāđāļžāļĢāđˆāđ€āļĄāļ·āđˆāļ­ 29 āļĄāļī.āļĒ. 2023
  • En este tutorial aprenderemos como hacer una galeria de productos en html y css
    Archivos :
    drive.google.com/file/d/1G01R...

āļ„āļ§āļēāļĄāļ„āļīāļ”āđ€āļŦāđ‡āļ™ • 46

  • @deimosf3
    @deimosf3 3 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Me gustÃģ y me sirviÃģ mucho, gracias!

  • @jennylopezsuarez3678
    @jennylopezsuarez3678 4 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™ +1

    te pasaste, muy buen video... muchas gracias.
    suscrita! 😄

  • @user-pg7oq3xp7t
    @user-pg7oq3xp7t 4 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    bro muchas gracias, me has ayudado bastante mucho, suscriptor new

  • @Ale-sh2ok
    @Ale-sh2ok āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™ +1

    Joder, me funcionÃģ! Gracias!!!

  • @Marcoggi
    @Marcoggi āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +20

    Te faltÃģ el blue label de jhonnie walker

  • @yaxon_
    @yaxon_ 8 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Gracias Brother !!

  • @kaiser66611
    @kaiser66611 7 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™ +2

    muy bueno me gusto, tendrÃĄs la segunda parte de como darle funcionalidad a los botones como comprar y lo demÃĄs ?. saludos

  • @jesusescudero7462
    @jesusescudero7462 5 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    buen video, me confundi un poco pero se pudo arreglar

  • @ramonplanes6702
    @ramonplanes6702 4 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    😀👍

  • @neofita1
    @neofita1 10 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Hola, hice el tutorial y genial, pero cuando quiero agregar los ítems por medio de javascript deja de funcionar la animaciÃģn del swiper

  • @ziralgamer87
    @ziralgamer87 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™ +1

    parcero digame que le cuesta poner el codigo completo en vez de una simple parte

  • @LourdesAbarca-uc1vj
    @LourdesAbarca-uc1vj 3 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    copie lo de swiper de cdn y no me sale con color estÃĄ bien o no?

  • @danielcorrea1782
    @danielcorrea1782 10 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    ahora una vez realizado, como lo puedo volcar a alguna pagina de internet

  • @justinrodriguez8367
    @justinrodriguez8367 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +1

    En la parte de js ya no me funciona

  • @Dmoneris
    @Dmoneris 3 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Alguien sabe como hacerlo con 3 productos, pero que siempre quede el del medio destacado? Ahora cuando voy al ultimo y hago como que paso pero no le doy lo suficientemente fuerte, se me queda destacado el ultimo y los otros en un solo lado, en vez de ser el del medio

  • @carlosfze
    @carlosfze 11 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    una consulta donde puedo encontrar mas imagenes de ese tipo que sirvan para la pagina, por ejemplo de la botella blue label ??

    • @LEYSTARINOVA
      @LEYSTARINOVA 9 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      busca imagenes png

  • @usuario_Cxxxxxg
    @usuario_Cxxxxxg āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +2

    segui todos los pasos y se rompe tanto en darle estilo con css y en js las tarjetas se hacen grandes ocupando un 100% de su ancho y borre y cree 3 veces y sigue igual o seran las extenciones ðŸĪ”

    • @_reed__
      @_reed__ āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      Me pasa lo mismo bro, y trate 3 veces

    • @usuario_Cxxxxxg
      @usuario_Cxxxxxg āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      @@_reed__ ya pude pero tuve que cambiar dos cosas el swiper-slide que era su ancho lo subi a 400px para que el boton no se saliera de la tarjeta y del js no lo puse en html tuve que hacer su hoja aparte.

    • @_reed__
      @_reed__ āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      @@usuario_Cxxxxxg claro bro el js va en otro archivo

  • @LuisLuna-fl6pt
    @LuisLuna-fl6pt āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    en el drive que colocas no puedo ni abrir las imagenes, como hago, se necesita una autorizacion especial??? @divcodeðŸĪ”

  • @sapereaude9913
    @sapereaude9913 8 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Hola, es que las tarjetas de la imagen y la info de los productos no me quedan alineadas horizontalmente como veo que le queda en el video, me quedan es alineadas verticalmente, le agradezco me colabore cÚal parte del css hace eso, pues estoy revisando y al parecer lo tengo como usted lo indica, agradezco su atenciÃģn y colaboraciÃģn.

    • @enzoacuna8293
      @enzoacuna8293 5 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™ +1

      Hola, me pasa lo mismo queria saber si lo pudiste arreglar

    • @taolyquicio2961
      @taolyquicio2961 5 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™ +1

      amigo a mi tmb me paso lo mismo pero la solucion es revisa bien tu estrutura html, bueno yo me equivoque en esta classe div class="swiper-wrapper">
      la escribi mal , a mi tmb me salia vertical

  • @FreeFire-cy3ny
    @FreeFire-cy3ny āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Muy bien y todo pero me perdí cuando de repente las imÃĄgenes se pusieron al lado y Ami no y eso que seguía todos sus pasos

  • @jhoanvillabona7768
    @jhoanvillabona7768 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™ +3

    AYUDAAAA EL HTML NO ME QUIERE TOMAR EL SWIPER EN EL SCRIPT :(

    • @LuisLuna-fl6pt
      @LuisLuna-fl6pt āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Con que estas codificando??? y empezaste con un boilerplate??

  • @rafaromero9120
    @rafaromero9120 7 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    broo crees que puedas resubir otro link es que
    el que esta me apare que no existe nada en la carpeta

    • @Farguella
      @Farguella 4 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      el solo subio los enlaces principales, ya lo de la codificaciÃģn queda en tus manos

    • @LuisLuna-fl6pt
      @LuisLuna-fl6pt āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      @@Farguella Esta bien la codificacion la hago yo pero el asunto es que ni las imagenes puedo abrir. Ayuda @divcode

  • @JMTSH2T
    @JMTSH2T āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™ +1

    HOLA GRACIAS. COMO SE LLAMA ESTE FORMATO DE PRODUCTOS? ES DECIR ES UNA GALERIA QUE APROXIMA LO QUE HAY PARA OFRECER. TIPO ABANICO ?

    • @JMTSH2T
      @JMTSH2T āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™ +1

      FORMATO TIPO CARRUSEL DE IMAGENES

  • @nicolasmc5320
    @nicolasmc5320 4 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Alguien me puede ayudar iba todo bien asta la parte de javascript nose por que colocos los comando y no me funcionan

    • @creepy0_04
      @creepy0_04 2 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™ +1

      Si lo pudiste resolver?

    • @ramonacevedolopez5870
      @ramonacevedolopez5870 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      @@creepy0_04 si pudiste resolverlo?

    • @LTM_Maverick
      @LTM_Maverick āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      @@ramonacevedolopez5870 ya te salio todo perfecto a vos ? me podrias ayudar en la parte del css donde empieza html, body{
      position: relative;
      height: 100%;
      }
      como que no se me hace la pantalla en largo.

  • @ClassEasy-mu8fk
    @ClassEasy-mu8fk āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +3

    En la parte de script ya no me funciona

    • @ClassEasy-mu8fk
      @ClassEasy-mu8fk āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      Me ayudas por favor

    • @simonarbelaez2643
      @simonarbelaez2643 10 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      x2

    • @emanuelcaceres9199
      @emanuelcaceres9199 9 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      fijate de haber copiado todo igual. enfocate en la primer linea del scrypt. yo tenia el error en el.mySwiper

    • @santiagogil9548
      @santiagogil9548 9 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      tengo el mismo problema y ya revice linea por linea
      @@emanuelcaceres9199

    • @franciscopalmeratorres5507
      @franciscopalmeratorres5507 8 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      ​@@emanuelcaceres9199hola me ayudas por favor