Plugin: Notification

Notifications can be placed outside of aMember; In order to do this you should include this javascript on your page:

<div id="am-notifications"></div>
<script>
jQuery(document).ready(function() {
  jQuery.getScript("https://example.com/amember/misc/notification/js", function(){
   jQuery("#am-notifications").amNotifications();
  });
});
</script>

Above script uses jQuery library so make sure that jQuery is loaded in the header of your page.

In order to modify notifications look you can create CSS class which will be used instead of default styles:

jQuery('#am-notifications').amNotifications({class: 'class-for-notification'});