Pedir presupuesto

Mejorar apariencia de Alert Boxs usando Mootools

El tutorial explica como diseñar una caja de alerta (Alert Box) que puede cambiar el “look” de las típicas alertas de javascript con las librerías Mootools.

El script que crearemos, logrará que aparezca una alerta con una animación para que sea más vistosa.

1. Como instalarlo

Primero tendras que subir los archivos de SexyAlertBox a tu servidor (Css, Javascript, Imágenes) y descargar Mootools con Domready.

Creamos el enlace al Framework Mootools y a sexyalertbox.js dentro de las etiquetas de la siguiente manera:

[js]
[/js]

Y añadir este enlace al archive CSS:

[css] [/css]y si quieres cambiar la apariencia de la caja de alerta puedes configurar el archive CSS como prefieras.

2. Código HTML

Añadir estas líneas de código entre las etiquetas :

[js][/js]

y ahora, por ejemplo podremos crear un link que haga el display de la caja de alerta con un simple mensaje que ponga “Perfecto!”

[html]Mostrar alerta Javascript![/html]

Ahora cuando un usuario haga click en el link la caja de alerta aparecerá por encima de todos los elementos de la página.

Podeis ver ejemplos y documentación en la página del autor

Via: Woork (traducción al castellano)

¿Te ha gustado?, Comparte!!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

¡Pide tu presupuesto!

Completa los campos para poder enviarte un presupuesto

Todos y tu presupuesto son a medida y totalmente personalizados, entendemos que dos proyectos online no pueden ser iguales y que cada cliente tiene unos objetivos y necesidades muy diferentes, es por eso que para elaborar un presupuesto, necesitamos saber de ti, tu proyecto y objetivos.

Los campos marcados con (*) son obligatorios.

La comunicación enviada quedará incorporada a un fichero del que es responsable COLORDEU. Esta comunicación se utilizará exclusivamente para tratar sus datos para atender su solicitud, siempre de acuerdo al Reglamento (UE) 2016/679 (RGPD), la Ley Orgánica 15/1999 (LOPD) y el Real Decreto 1720/2007 de desarrollo de la LOPD), sobre protección de datos. Sus datos no se comunicarán a terceros, excepto por obligación legal, y se mantendrán mientras no solicite su cancelación. En cualquier momento usted puede ejercer los derechos de acceso, rectificación, portabilidad y oposición, o si procede, a la limitación y/o cancelación del tratamiento, comunicándolo por escrito, indicando sus datos personales mediante un email a hola@colordeu.es