Pines Notify

Pines Notify comes with the following files:

jquery.pnotify.js & jquery.pnotify.min.js (Minified) - The main JavaScript.
jquery.pnotify.default.css - The main stylesheet.
jquery.pnotify.default.icons.css - Use this to support Pines Icon styles.

So here's how you'd include them all:

<script type="text/javascript" src="jquery.pnotify.min.js"></script>
<link href="jquery.pnotify.default.css" media="all" rel="stylesheet" type="text/css" />
<!-- Include this file if you are using Pines Icons. -->
<link href="jquery.pnotify.default.icons.css" media="all" rel="stylesheet" type="text/css" />

You also need to include jQuery (1.4 or higher) and either Bootstrap CSS or a jQuery UI Theme. If you want to use jQuery UI effect animations, you also need to include the jQuery UI JavaScript.

Now you can use Pines Notify like this:

<script type="text/javascript">
$(function(){
	$.pnotify({
		title: 'Regular Notice',
		text: 'Check me out! I\'m a notice.'
	});
});
</script>

And if you choose to use jQuery UI for all your styling, include this line somewhere before your first notice:

$.pnotify.defaults.styling = "jqueryui";

And if you don't want the history pull-down menu in the top corner, include this line somewhere before your first notice:

$.pnotify.defaults.history = false;

All of the examples on this page provide source code with the "{}" button,