We'll create fresh WordPress site with EMC2 Alert Boxes installed. You have 20 minutes to test the plugin after that site we'll be deleted.
EMC2 Alert Boxes uses jQuery and HTML5 animations to provide a great-looking, simple and functional alerting system. Alert boxes can be placed using the [emc2alert]
shortcode or by calling the $().emc2alert()
jQuery function!
Check the demo at http://alert.emc2innovation.com !
Easy to use! Insert a shortcode on any page using a quick-create TinyMCE icon, or create alerts on the fly using jQuery:
Shortcode: [emc2alert]This is some text![/emc2alert]
-or-
jQuery: $('body').emc2alert({ text:"This is some text!" });
Advanced Usage
Shortcode
[emc2alert type=”success” style=”normal” width=”300px” position=”top” wpbar=”auto” visible=”visible” closebtn=”1″ title=”Introducing…” animate=”true”]A great way to alert your visitors![/emc2alert]
Defaults:
jQuery
$('body').emc2alert({ // Prepends Alert Box to 'body' element
title: "Your Title", // or $('myTitleDiv').html()
text: "Your Message", // or $('myMsgDiv').html()
type: "info", // 'info', 'warning', 'error', 'success' - determines bg colors
style: "normal", // 'normal', 'fixed' - in page or fixed to top or bottom
visible: true, // true, false - hides if necessary
position: "top", // 'top', 'bottom' - positions box on page
width: null, // '100%', '960px' - specify units
closebtn: false, // true, false - displays close button in corner
wpbar: false, // true, false, 'auto' - adds top margin to avoid admin bar, with auto-detect
animate: false // true, false - adds open/close animation
});
BIG thanks to Red Team Design’s work!
To Do list:
Known bugs:
EMC2 Alert Boxes will work straight out of the box. Everything is configured from the shortcode or jQuery call! Post in the forums if you want to see a feature added.
If you are editing with the TinyMCE WYSIWYG interface, you will notice an orange triangle icon appear. This is a quick-build shortcode generator in case you forget exactly