Here are different Macros (bodies) that I have made, copied og changed. Find several good ones also at http://confluence.atlassian.com/display/DISC/Shared+User+Macros
google-analytics
facebook-button
Image lightbox with Confluence style
Images are resized on the fly, making it pretty slow
## @param path:title=Status\|type=string\|required=true\|desc=Status to display ## @param image:title=Status\|type=string\|required=true\|desc=Status to display ## @param group:title=Status\|type=string\|required=true\|desc=Status to display <a href="/images/${parampath}thumbs/800pxHigh/${paramimage}" class="confluence-thumbnail-link" title="${paramimage}"><img src="/images/${parampath}thumbs/200pxHigh/${paramimage}"></a>
Slimbox2 including
Slimbox JS and Jquery must bedownloaded from http://www.digitalia.be/software/slimbox2 and placed in something like /opt/confluence/confluence/slimbox
Update: I have found it better to put the slimbox javascript-includes into the Main template (url: /admin/editdecorator.action?decoratorName=decorators/main.vmd) so I can use it with all stuff, like the {me-map} macro
<script type="text/javascript" src="/slimbox/js/jquery.js"></script> <script type="text/javascript" src="/slimbox/js/slimbox2.js"></script> <link rel="stylesheet" href="/slimbox/css/slimbox2.css" type="text/css" media="screen" />
Image lightbox with Slimbox2
This required the "Slimbox2 including" Macro
## @param path:title=Status|type=string|required=true|desc=File Path ## @param image:title=Status|type=string|required=true|desc=Image Name ## @param group:title=Status|type=string|required=true|desc=Group <a href="/images/${parampath}thumbs/800pxHigh/${paramimage}" rel="lightbox-${paramgroup}" title="${paramimage}"><img src="/images/${parampath}thumbs/200pxHigh/${paramimage}"></a>
Fancybox including
Confluence also uses Fancybox, this can give issues.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script type="text/javascript" src="/fancybox/fancybox/jquery.fancybox-1.3.4.pack.js"></script> <script type="text/javascript" src="/fancybox/jquery.mousewheel-3.0.4.pack.js"></script> <link rel="stylesheet" href="/fancybox/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
make-top
go-top
msn-presence
skype-presence
Skype Presence Button. This is SAMPLE code for my presence, go to http://www.skype.com/intl/en-us/tell-a-friend/get-a-skype-button/ to create Your code
<!-- Skype 'My status' button http://www.skype.com/go/skypebuttons --> <script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script> <a href="skype:mos-eisley.dk?call"><img src="http://mystatus.skype.com/balloon/xxxxxx" style="border: none;" width="100" height="40" alt="My status" /></a>
me-map
This little Macro gives the possibility to present an adress with a link to a Google map, actually presenting itself in a lightbox. THis requires the {include-lightbox} macro, or the lighbox code loaded via the Template.
Take a look at http://code.google.com/apis/maps/documentation/staticmaps/index.html#Addresses - It is very Easy to make more parameters in the Macro, giving more options.
Also, my macro requires the image, placed in the images folder under the Tomcat.
## @param zoom:title=Zoom|type=string|required=true|desc=Zoom (10-20) ## @param size:title=Size|type=string|required=true|desc=Size (px) $body <a href="http://maps.googleapis.com/maps/api/staticmap?center=$body&zoom=${paramzoom}&size=${paramsize}x${paramsize}&sensor=true&maptype=hybrid&markers=color:blue%7Clabel:$body|$body" rel="lightbox" title="Adresse: $body"><img src="/images/map_logo.jpg" border="0"></a>