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
<script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-xxxxxxxx-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script>
facebook-button
Exclude "&layout=button_count" to get more text beside the button
<script language="JavaScript" type="text/javascript">// <![CDATA[ { document.write('<iframe src="http://www.facebook.com/plugins/like.php?href='+location.href+'&layout=button_count" frameborder="0" scrolling="no" width="100%" height="62px" allowtransparency="true" style="height: 62px; width: 100%;"></iframe>'); } // ]]></script>
me-image: 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>
include-lightbox: 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 cap 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" />
me-image: 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>
include-lightbox: 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
Macroes to make a Top mark and references to it
<A NAME="top">
go-top
Create Link to Top, requires the make-top macro
<a href="#top">Gå til Top</a><br>
msn-presence
MSN Presence Button. This is SAMPLE code for my presence, go to http://settings.messenger.live.com/applications/websettings.aspx to create Your code
<script type="text/javascript" src="http://settings.messenger.live.com/controls/1.0/PresenceButton.js"></script> <div id="Microsoft_Live_Messenger_PresenceButton_1f13b57b60373c0" msgr:width="100" msgr:backColor="#DBDBDB" msgr:altBackColor="#FFFFFF" msgr:foreColor="#424542" msgr:conversationUrl="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=xxxxxxxxxxx@apps.messenger.live.com&mkt=en-US&useTheme=true&themeName=gray&foreColor=676769&backColor=DBDBDB&linkColor=444444&borderColor=8D8D8D&buttonForeColor=99CC33&buttonBackColor=676769&buttonBorderColor=99CC33&buttonDisabledColor=F1F1F1&headerForeColor=729527&headerBackColor=B2B2B2&menuForeColor=676769&menuBackColor=BBBBBB&chatForeColor=99CC33&chatBackColor=EAEAEA&chatDisabledColor=B2B2B2&chatErrorColor=760502&chatLabelColor=6E6C6C"></div> <script type="text/javascript" src="http://messenger.services.live.com/users/xxxxxxxx0@apps.messenger.live.com/presence?dt=&mkt=en-US&cb=Microsoft_Live_Messenger_PresenceButton_onPresence"></script>
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>