Cuando estamos desarrollando una aplicación web en algun momento u otro necesitamos mostrar cierta información al usuario, cosa que aporta a nuestro sistema mayor usabilidad. La herramienta más común para llevarlo a cabo es utilizar las alertas de javascript. En la siguiente imagen podemos ver un ejemplo:

El código javascript que ha generado esta alerta es el siguiente:

<script type="text/javascript">alert('Esta es una alerta corriente en javascript')</script>

Ahora bien, todo se puede mejorar. Seguro que el diseño de esta alerta no queda demasiado bien con el diseño de la aplicación que estamos desarrollando. En la imagen siguiente se muestra la misma alerta (llamada con el mismo código que anteriormente) pero sobreescrita para que se pueda adaptar al diseño que nosotros queramos.

Para tenerlo disponible en nuestra página tan sólo tenemos que hacer referencia a un fichero .css y a otro .js que os dejo a continuación por si os los queréis descargar.

[Descargar ficheros]

Fuente: http://slayeroffice.com/code/custom_alert/