Custom Stats Box

This code is used within ZetaBoards forums to add a custom box to the bottom of the board statistics.

I created the following code for a competition at Big Boards Resources, with the intention of learning jQuery as I wrote it. There are other versions out there, but I achieved my intention; and decided to share.

You are free to edit the text content; the image; and the alternative text to fit your needs. Please leave the rest of the coding, up-dated July 21st 2009, in-tact.

Javascripts:

Add the following code into the area for javascripts:

<script type="text/javascript"> $(function() { // Additional Stats Box // Created by Tony, of Zathyus Support. th = "Custom Content" img = "http://209.85.62.24/252/72/0/p121219/f_old.png" alt = "Alternate image text." text = "Some content you wish to add within this area. It can be whatever you like, so long as it's valid; appropriate; and relates to giving me cookies! Do note, if you add html, please use single quotes." $('#stats .c_foot').parent().prev().prev().addClass('userstats'); $("<tr><th colspan='2'>"+th+"</th></tr><tr><td class='c_mark'><img src='"+img+"' alt='"+alt+"' /></td><td>"+text+"</td></tr>").insertBefore(".userstats"); }); </script>