TinyAlert 1.2

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



Details

Author
Danillo César
Current version
1.2
GitHub
danillos/tinyalert
Downloads
5805
Category
Interface
Tags
Report
GitHub Issues

Releases


Dependencies

  • _self_/_current_: core/1.2.4: '*'

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


Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.

blog comments powered by Disqus