Sticky Notes
Extensions > Plugins > Sticky Notes
Here's an easy way to create simple sticky notes for your site. Add some code similar to the following to your style sheet (or put it on a code embed page and include it):
.sticky { width:215px; font-size: smaller; float: right; background-color: #ffffcc; padding: 15px 15px 15px 15px; margin: 10px 10px 10px 10px;}
Here's a sticky note...
Then on a page put:
<div class=sticky>
Here's a sticky note...
</div>
Here's a picture...
You can put pictures in too, and line returns:
<div class=sticky>
Here's a picture...
[^data-sword.jpg^]
</div>
To make it even easier to use, consider adding a couple new markup rules like the following to your config file.
MarkUp('block', 'sticky < div', '/<sticky(.*?)>\n?/s', '<div class="sticky" $1>'); // <sticky>
MarkUp('block', 'stickyend < div', '/\n?<\/sticky>/', '</div>');
MarkUp('block', 'stickyend < div', '/\n?<\/sticky>/', '</div>');
Then you can just use markup like the following: <sticky>Some text...</sticky>