1
Abra el HTML de su página web con una aplicación de codificación de página web o una aplicación de edición de texto plano como el Bloc de notas de Microsoft o Mac OS X TextEdit .
2
Añadir la ventana modal a tu sitio web utilizando el código siguiente :
' activate_modal ' = ' first_window " href = " # " > Ventana Primera modal. < /a> < /p> Configurar las etiquetas HTML en el ejemplo anterior para satisfacer sus necesidades mediante el ajuste de la colocación y div ids . Abra el archivo CSS que dicta el estilo de la página web en la misma aplicación para que pueda agregar las ventanas modales estilos CSS , que son esenciales para hacer que sólido de color gris , de fondo : # 246493 ; color: negro ;} Agregue el código show_modal jQuery que es en última instancia responsable de llamar a la ventana y lo que le permite visualizar el documento HTML de su página web : show_modal función ( modal_id ) {$ ('# mask' ) css ({ 'display' : 'block' , la opacidad : 0 } ) . $ ('# mask' ) fadeTo ( 500,0.8 ) ; $ . ('# ' + modal_id ) fadeIn ( 500 ) . } guardar los archivos HTML y CSS modificado para su sitio web y luego subirlas a su entorno de servidor web de producción para guardar los cambios y empezar a mostrar la ventana modal.
página 3
4
5