Ventana modal sólo con CSS
Enero 30, 2008 @ 14:05
CSSLabA raíz de mi proyecto musical más reciente lanzado, incluyendo el sitio web donde me divertí mucho utilizando Mootools para sus diferentes funcionalidades, iré ampliando los artículos relacionados con este framework de JS explicando los puntos más importantes de su desarrollo. Pero para comenzar, mostraré un modo de crear ventanas modales (lightbox, thickbox, greybox, modalbox… son todas ventanas modales) sólo con CSS. Mientras puedo, ahorro en plugins para no recargar los sitios, y en el caso de las ventanas emergentes no-obstructivas utilicé un elegante método donde a través de simple CSS se abren ventanas con mensajes varios. Para gatillarla, utilicé, claro, Mootools. Pero donde tomé prestado la idea, utilizaban Javascript puro para ello. Mostraré ambos métodos, a gusto y necesidad del usuario cuál decidir ocupar.

Articulos relacionados:Review 2: Shadowbox
Review 1: Origo CSS
Medidas en CSS
TabCreatr y CSS Type Set, ayudando a crear hojas de estilos CSS
Comentarios condicionales: del derecho y del revés
Permalink
Via CSSLab
Javascript, ejemplos, efectos, mootools