Tiny and simple alert with Mootools and CSS3 only. (js only ~1.4k uncompressed)
Include on page:
<script src="mootools-1.2.4+-core.js" type="text/javascript"></script>
<script src="tiny_alert.js" type="text/javascript"></script>
<link rel="stylesheet" href="tiny_alert.css" type="text/css">
Simple example:
var b = new TinyAlert();
b.show('Title','Your message');
Creating your skins Styles:
/*Main TinyAlert block style.*/
#tinyalert > div.skinName {
}
/*Title style.*/
#tinyalert > div.skinName > span.tatitle{
}
/*Message style.*/
#tinyalert > div.skinName > span.tamsg{
}
See Demo and Documentation for more detail.