Tiny and simple alert system with Mootools and CSS3 only.

var ta = new TinyAlert();
ta.show('Title','Your message.');

how to use | documentation | download | mootools

Examples:

Basics:

• Simple Alert
• Top Left
• Bottom Left
• Bottom Right
• Stack
• Custom duration

Skins:

• Smoke Growl Skin
• Blue Skin
• Snow Skin
• Gray Skin
• Black Skin

Icons:

• Alert with icon

Callbacks:

• Alert with callback (click on alert)

Dependences:

• Mootools 1.2.4 Core
• tiny_alert.js (~1.4k | ~0.5k compressed and Gzip)
• tiny_alert.css (~3.5kb with 5 skins)

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{

}
	
	

Credits

Created by Danillo César de O. Melo (@danillos)
Date: 21/03/2010