History: Post-it_Sticky_Note_Custom_Code_15

Preview of version: 2

{if $group eq 'Admins'}
<div id="postitnote" class="hidden" style="background: #ffc; margin: 2px 0 0 2px; padding: 5px 5px 5px; position: fixed; top: 250px; right: 10px; width: 240px; z-index: 2000; min-height: 200px">
<div id="postitnote" class="alert alert-warning alert-dismissable "><button type="button" class="close" data-dismiss="alert" aria-hidden="true" onclick="confirm('Are you sure you want to close this note and keep it hidden permanently on next page load? (If you ever want it back, you would need to delete the cookie named flip_class_postitnote in your browser settings.)') ? $(this).parent().fadeOut( function () {literal}{flip_class('postitnote','hidden','hidden')}{/literal} ) : false;" style="border: none" title="Close" >× </button>
<h4><span class="icon icon-warning fa fa-exclamation-triangle fa-fw " ></span> Hello World!</h4>
I'm an example of a Post-It like note! Feel free to drag me around! You can close me too but I'd like to stay visible longer! <img alt=":-)" title="smiling" src="img/smiles/icon_smile.gif" />
</div>
</div>
{/if}

History

Information Version
Tue 09 of Aug, 2016 09:03 GMT-0000 Xavier de Pedro replace gif smiley with fa 3
Tue 09 of Aug, 2016 08:58 GMT-0000 Xavier de Pedro improved (for bootstrap) display of icon to close box 2
Tue 09 of Aug, 2016 08:36 GMT-0000 Xavier de Pedro initial port to bootstrap remarksbox for the postit-sticky-note 1