</Danillos>
inicio
Web Developer Blog

TinyAlert

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:

Skins:

Icons:

Callbacks:


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

Fork me on GitHub