Como hacer Popup con PURO CSS |

Поділитися
Вставка
  • Опубліковано 19 вер 2024
  • En esta ocasión te estaré enseñando como puedes crear una ventana MODAL con puro CSS, o mayor conocido como PopUP, para que de tal manera lo puedas implementar en lo que es tu pagina web. Todo esto sera creado de una manera muy fácil y bien explicada.
    ♦Recursos del tutorial - DESCARGAR PROYECTO
    ♦Visita BytePl
    bytepl.com
    ♦APOYANOS - Adquiere tu plantilla en TemplateMonster
    tiny.cc/o5sv3y
    No olvides → SUSCRIBIRTE Y ACTIVAR LA CAMPANA
    ♦Acerca de MagtimusPro
    Pagina Web: goo.gl/EENS5R
    Facebook: goo.gl/b43uMg
    Instagram: goo.gl/KTMrHS
    Twitter: goo.gl/eSdguk
    GitHub: goo.gl/WvYTsq
    UA-cam: goo.gl/fMD3XB
    Pinterest: goo.gl/dpHekf

КОМЕНТАРІ • 49

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

    En verdad me sirvió muchísimo este vídeo, deberían verlo todos los que están empezando en programación web, te saca de muchas dudas

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

    como te lo has currado.. muy bueno ... Saludos desde Japon

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

    El video está perfecto, los pasos muy claros, a mi particularmente me gustaría ponerlo en un texto para sacar el popup en vez de un botón pero hay un inconveniente, el link de los recursos del tutorial no redirige, está caído, podrías resubirlo por favor. Muchas gracias!

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

    Este video me fue de mucha utilidad, gracias a el pude solucionar un complemento de informacion para un set de imagenes, mil gracias

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

      Te funciono el flex direction: column? Es decir, en el responsives la imagen se ve arriba y el texto abajo?

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

    Me sirvió mucho. Para un proyecto necesito tener diferentes pop ups en la misma página. Usando javascript sólo consigo que siempre salga el mismo, en lugar de que salga uno diferente dependiendo de dónde haces clic. Estaría buenísimo si pudieras hacer un tutorial sobre cómo tener más de un pop up en una página

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

      Púes sería cambiar los datos, no? Replicarlo igual pero cambiar la imagen o los campos que necesites , si te sirve yo hice un Popup usando lo que aprendí conbinando dos tutoriales

  • @ericsonlozanoarias7784
    @ericsonlozanoarias7784 4 роки тому +5

    Muy bueno amigo, buen trabajo. Se puede hacer que esta ventana se muestre automáticamente
    al abrir la página?.

  • @geovannyzambrano1149
    @geovannyzambrano1149 5 років тому +2

    Genial, te amo gran video, contigo aprendo mucho

    • @VisualAvalon
      @VisualAvalon  5 років тому +2

      Esa es la idea, que puedan aprender lo más posible que puedan. Saludos

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

    Te amo. Excelente video. Me ayudo muchisimo. Explicas re bien. Saludos.

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

    Excelente aportación hermano, felicidades por tu gran trabajo!!!

  • @georgepaz145
    @georgepaz145 4 роки тому +1

    excelente super buena explicación gracias :)

  • @yulianagarzon9904
    @yulianagarzon9904 5 років тому +1

    Eres un crack hombre...!

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

    Excelente como siempre

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

    Amigo buen vídeo esto me ayudo a hacer mi pagina web un poco mas ordenada y no ocupar tanto espacio de cada pagina solo una duda , ese efecto que sale en tus videos al escribir en brackets es parte del editor de vídeo o el editor brackets tiene esa funcion?

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

    Excelente tutorial, como hago para que se inicie el efecto apenas se cargue la página

  • @SONESGirlsGeneration
    @SONESGirlsGeneration 4 роки тому +1

    Y si quiero que se abra automaticamente????

  • @tumpiur2303
    @tumpiur2303 5 років тому +4

    Podrias hacer tutorial de como hacer esos efectos en videos como este y que se necesita :) , Excelente video saludos y gracias por tus aportes.

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

    Hola gracias. Súper!.

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

    gran video, nuevo sub

  • @arnolyesidrodriguezromero9201
    @arnolyesidrodriguezromero9201 5 років тому

    ESTA GENIAL

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

    Hola tengo una consulta y si yo deseara poner la ventana mas grande porque deseo poner una descripción e imagen como podría hacer scroll como hago para hacerle scroll a la ventana flotante

  • @maruja2805
    @maruja2805 4 роки тому +1

    ¡muy buen video me encantó! ahora y si no es mucha molestia, tengo una pregunta y es la siguiente: ¿usando este mismo procedimiento puedo crear varias ventanas modales o popups para ser usadas en el mismo blog? es decir ¿ puedo repetir el mismo procedimiento para crear varias ventanas con sus respectivos botones? quisiera organizar toda la información de mi blog en popups y quisiera saber si es posible hacerlo mediante este mismo método, ¡muchas gracias!

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

      Hola que taaal, si, puedes utilizar varias de estás ventanas popup para el mismo proyecto. Me alegra que te haya encanto el tutorial. Éxito!

  • @Lorenalopez-zc3sl
    @Lorenalopez-zc3sl 4 роки тому

    Para monitorear los clic e impresiones que tiene un popup o barra flotante, utilizo hooktrix.com tenéis que probarlo, creo que tiene un plan de 7 días gratis.

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

    y como la coloco en la página?

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

    excelente explicación pero tengo una duda, como hace si quieres que se vean varias fotos en carrusel en ese mismo formato?

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

    Hola tendrad un video de múltiples ventanas en 1 en css?

  • @Khira.9
    @Khira.9 3 роки тому

    thank you very much !!!!!!!

  • @christiangrey3559
    @christiangrey3559 5 років тому +1

    Guapo

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

    te felicito por el bonito aporte, amigo serias tan amable de indicarme como omitir el boton de abrir, que al entrar a la pagina salga despues de unos seg salga solito?

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

    Hola, tendrás un tutorial para ingresar un software de control de paquetería a un blog?

  • @FranciscoHernandez-iq9lf
    @FranciscoHernandez-iq9lf 4 роки тому

    Hola, hice todo lo del vídeo pero quiero mandar una variable mediante php a la hora de presionar el botón que abre el modal, pero no puedo. ¿Podrías ayudarme?, gracias

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

    hola que tal y si quisiera que se habrá al cargar la pagina? como seria

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

    como hacer que se abra solo?

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

    quiero entrar a tu pagina MagtimusPro y me dice Acces closed

  • @loanyelo15
    @loanyelo15 5 років тому

    5:03 con href="#" no funciona, si le quito # se quita la ventana pero enlazando, te sube hasta arriba el inicio de la página
    16:53 17:45 18:28 no entiendo como a ti si te cierra la ventana, te ha de enlazar y te lleva al inicio PERO SI TIENES LA # SE SUPONE QUE NO PUEDES HACER NADA, NI CERRAR

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

      debes estra poniendo modal en clase y no en id.

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

      El "#" lo que hace es recargar la pagina por ello se ve que el pop se cierra, si sirve pero es para recargar la pagina xd

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

    El link esta caidoooo :(

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

    EL ENLACE ESTA CAIDO DE DESCARGA

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

    Automatico no se puede porque no hay manera que funcione

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

    que pedo con el link del Recursos del tutorial XD jajaja

  • @OsmanSanteliz
    @OsmanSanteliz 5 років тому

    Media hora para hacer solamente eso ? No tenias mas relleno ??

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

    Zelda caido papu