Custom Code HowTo - Post-It Notes | |
This is an example how to create customized draggable and closeable Post-It Note for your site using the various "Custom Code" textareas of Admin > Look & Feel panel.
First paste this piece of code for example in the Admin > Look & Feel > General Layout > Custom Center Column Header textarea or in a custom module: Copy to clipboard
Copy to clipboard
Now just hit the Apply button and your new post-it note should appear at your site "sticked" on the position specified by top and right values!
You can also optimize and put the inline CSS (in the style attribute) to your Custom CSS tab textarea of course and try other tricks. Enjoy! By the way, You can see a live example of the code above appearing on this page ! (unless you or someone closed it in your browser already ;))
Hello World!
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! :)
|