Suscríbete ✅ para más vídeos tutoriales de proyectos web 💻 ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ♦ Síguenos en Facebook! 👇: bit.ly/sleedw-facebook ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ♦ Únete a nuestro grupo de WhatsApp 👇: bit.ly/sleedw-grupo-whatsapp ▶ Saludos y que Dios te bendiga. 🙌
Buenasss yo estoy tratando de hacer una pagina web responsive y no sabia de ese meta, ahora voy a probarlo, unicamente escribi esto: /**MOVIL**/ @media (max-width:839px){ .desktop{ display: none;} } /**COMPU**/ @media (min-width:991px){ .movil{ display: none;} } Nose si es correcto vi eso primero y lo utilice.
es interesante el enlace que hace el checkbox con el contenido del div, cuando esta chequeado es flex y cuando no es none, o me equivoco? digo que es interesante porque me puso a pensar como funciona(si encuentro un fallo en mi lógica modificoo xd)
hola, como puedo levantar el popup sin la accion del botton, tengo un botton en una pagina que llama una accion en php, esta realiza ciertos procesos si las condiciones se cumplen deseo levantar un popup intente colocar el modal container con un echo ' modal...' pero no lo levanta, gracias
Tienes que crear otro css para un segundo botón y cambiarle el nombre a las clases, por ejemplo agregarles el numero 2 o 3, etc., para que sepas cual le pertenece a cada uno de tus ventanas modales, quedaría así: estilos2.css /*:::Ventana Modal2:::*/ #btn-modal2{ display: none; } .container-modal2{ width: 100%; height: 100vh; position: fixed; top: 0; left: 0; background-color: rgba(144, 148, 150, 0.8); display: none; justify-content: center; align-items: center; z-index: 100; } #btn-modal2:checked~ .container-modal2{ display: flex; } /*:::Fin Ventana Modal2:::*/ Y el html quedaria asi:
Abrir Modal 2
Aquí iría el contenido que quieras agregarle a tu ventana modal
@@maxbournee tengo la misma duda, pero en mi caso, tengo los elementos sacados de una base de datos, entonces, mi codigo mete todo a un while y va iterando sobre los datos de la tabla, en ese caso no podría poner un estilo css para cada boton, alguna idea?:(
![Como CREAR una ventana MODAL ✅ [ HTML CSS Y JavaScript ]](/img/n.gif)
Suscríbete ✅ para más vídeos tutoriales de proyectos web 💻
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
♦ Síguenos en Facebook! 👇:
bit.ly/sleedw-facebook
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
♦ Únete a nuestro grupo de WhatsApp 👇:
bit.ly/sleedw-grupo-whatsapp
▶ Saludos y que Dios te bendiga. 🙌
La opción de poder cerrar la imagen al hacer click fuera de ella me tenía loco hasta que vi tu vídeo, muchas gracias!
lo use para mi pagina y me encanto!! la unica diferencia es que lo use para poner un form en el medio jasj pero me ayudo mucho
Vi tantos videos y ninguno como este!
Eres un crack muchas graciaaas por tu contenido!:)
Excelente video, gracias por compartir tus conocimientos. Saludos desde Bogota - Colombia
Muchas gracias. Saludos.
He visto varios tutoriales acerca de este tema, pero este es el mejor sin duda. Gracias por ayudarme a concluir mi trabajo.
me salvaste la vida, muy bien explicado, muchas gracias
excelente!! lo necesitaba en mi proyecto!!! gracias por compartir
👉👉👉 Excelente tutorial, felicitaciones. Muy claro y bien explicado. 😃👌👍
Excelente video, muchísimas gracias 🫡
Wow el mejor video del modal y el más corto
Graciass papu, me sirvio para un proyecto para el colegio🥵
me sirvió pa mi pag de mi proyecto gracias
Gracias
grax,, creo el audio esta adelantado al video, quitabdo eso, me sirvio mucho tu video, mil grax
muchas gracias... muy claro
Hola, muchas gracias por tu comentario. Saludos y Bendiciones🙌💻
Buenasss yo estoy tratando de hacer una pagina web responsive y no sabia de ese meta, ahora voy a probarlo, unicamente escribi esto:
/**MOVIL**/
@media (max-width:839px){
.desktop{ display: none;}
}
/**COMPU**/
@media (min-width:991px){
.movil{ display: none;}
}
Nose si es correcto vi eso primero y lo utilice.
es interesante el enlace que hace el checkbox con el contenido del div, cuando esta chequeado es flex y cuando no es none, o me equivoco? digo que es interesante porque me puso a pensar como funciona(si encuentro un fallo en mi lógica modificoo xd)
GRACIAS !!!!
hola, como puedo levantar el popup sin la accion del botton, tengo un botton en una pagina que llama una accion en php, esta realiza ciertos procesos si las condiciones se cumplen deseo levantar un popup intente colocar el modal container con un echo ' modal...' pero no lo levanta, gracias
4:30 estilos del boton
puedo hacer algo como aplicar un formularío en esa ventana?
Como puedo hacer que el modal aparezca y desaparezca con una transición suave, buen video!
transition
Respóndeme porfa, como hago para poder tener varios botones de esos pero con textos diferentes
Muy bonita tu ventana pero tengo un problema, cuando quiero añadir más de una ventana modal en mi web salen todas con el mismo texto de la primera
Tienes que crear otro css para un segundo botón y cambiarle el nombre a las clases, por ejemplo agregarles el numero 2 o 3, etc., para que sepas cual le pertenece a cada uno de tus ventanas modales, quedaría así:
estilos2.css
/*:::Ventana Modal2:::*/
#btn-modal2{
display: none;
}
.container-modal2{
width: 100%;
height: 100vh;
position: fixed;
top: 0; left: 0;
background-color: rgba(144, 148, 150, 0.8);
display: none;
justify-content: center;
align-items: center;
z-index: 100;
}
#btn-modal2:checked~ .container-modal2{
display: flex;
}
/*:::Fin Ventana Modal2:::*/
Y el html quedaria asi:
Abrir Modal 2
Aquí iría el contenido que quieras agregarle a tu ventana modal
Cerrar
Espero te sirva, saludos
@@maxbournee tengo la misma duda, pero en mi caso, tengo los elementos sacados de una base de datos, entonces, mi codigo mete todo a un while y va iterando sobre los datos de la tabla, en ese caso no podría poner un estilo css para cada boton, alguna idea?:(
en serio mediafire? o sea git-hub no esta mejor?
Verso