Skip to content

Instantly share code, notes, and snippets.

@fukaz55
Created April 22, 2011 11:33
Show Gist options
  • Save fukaz55/936478 to your computer and use it in GitHub Desktop.
Save fukaz55/936478 to your computer and use it in GitHub Desktop.
Pines Notify jQuery Plugin scratch
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
<script type="text/javascript" src="/js/pnotify/jquery.pnotify.js"></script>
<link href="/js/pnotify/jquery.pnotify.default.css" rel="stylesheet" type="text/css" />
<link href="/js/pnotify/jquery.pnotify.default.icons.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.ui-pnotify {
font-size:x-small;
}
</style>
<script type="text/javascript">
$(function() {
$.pnotify({
pnotify_type: 'error',
pnotify_title: 'title',
pnotify_text: 'message',
pnotify_history: false
});
});
</script>
<div class="ui-pnotify ui-widget ui-helper-clearfix" style="width: 300px; opacity: 1; display: none; right: 15px; top: 15px;">
<div class="ui-pnotify-shadow ui-widget-shadow"></div>
<div class="ui-pnotify-container ui-corner-all ui-state-highlight" style="min-height: 16px;">
<div class="ui-pnotify-closer" style="cursor: pointer; display: none;">
<span class="ui-icon ui-icon-circle-close"></span>
</div>
<div class="ui-pnotify-icon">
<span class="ui-icon ui-icon-info"></span>
</div>
<div class="ui-pnotify-title"></div>
<div class="ui-pnotify-text"></div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment