Como hacer Popup con PURO CSS |
ฝัง
- เผยแพร่เมื่อ 29 ต.ค. 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
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
TH-cam: goo.gl/fMD3XB
Pinterest: goo.gl/dpHekf
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
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!
Muy bueno amigo, buen trabajo. Se puede hacer que esta ventana se muestre automáticamente
al abrir la página?.
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
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
Este video me fue de mucha utilidad, gracias a el pude solucionar un complemento de informacion para un set de imagenes, mil gracias
Te funciono el flex direction: column? Es decir, en el responsives la imagen se ve arriba y el texto abajo?
como te lo has currado.. muy bueno ... Saludos desde Japon
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?
Te amo. Excelente video. Me ayudo muchisimo. Explicas re bien. Saludos.
Excelente tutorial, como hago para que se inicie el efecto apenas se cargue la página
Excelente aportación hermano, felicidades por tu gran trabajo!!!
Genial, te amo gran video, contigo aprendo mucho
Esa es la idea, que puedan aprender lo más posible que puedan. Saludos
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
Podrias hacer tutorial de como hacer esos efectos en videos como este y que se necesita :) , Excelente video saludos y gracias por tus aportes.
Y si quiero que se abra automaticamente????
excelente explicación pero tengo una duda, como hace si quieres que se vean varias fotos en carrusel en ese mismo formato?
Hola tendrad un video de múltiples ventanas en 1 en css?
Excelente como siempre
gran video, nuevo sub
excelente super buena explicación gracias :)
Hola gracias. Súper!.
Eres un crack hombre...!
Jajaja saludos, éxito
¡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!
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!
Hola, tendrás un tutorial para ingresar un software de control de paquetería a un blog?
ESTA GENIAL
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.
hola que tal y si quisiera que se habrá al cargar la pagina? como seria
encontraste la manera?
y como la coloco en la página?
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
quiero entrar a tu pagina MagtimusPro y me dice Acces closed
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?
thank you very much !!!!!!!
Guapo
como hacer que se abra solo?
EL ENLACE ESTA CAIDO DE DESCARGA
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
debes estra poniendo modal en clase y no en id.
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
El link esta caidoooo :(
Automatico no se puede porque no hay manera que funcione
que pedo con el link del Recursos del tutorial XD jajaja
Media hora para hacer solamente eso ? No tenias mas relleno ??
Zelda caido papu