danillos / tinyalert

Tiny and simple alert system with Mootools and CSS3 only.

TinyAlert

Tiny and simple alert with Mootools and CSS3 only. (js only ~1.4k uncompressed)

How to use

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{

}

Live Creation

See Demo and Documentation for more detail.

DEMO | DOCUMENTATION | DOWNLOAD