Sign Up! Login: Password: New User? Forgot? Support
Top Mods!
Wowhead Search
by sonofsamedi
Digital Clock
by Wolfar15
Admin Forums
Welcome to the GuildPortal Help Community! These forums are for admin-to-admin help.
Available Forums
Forums : Pimp My Site! > Guild Progression box
Mottie (MVP) 1/15/2009 1:26 PM EST : RE: WoW Guild Progression box version 2.0
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi Gauzepad!

It sounds like it may be a problem in the code.... check to make sure you didn't leave out a quote or any brackets... I can't tell you exactly what's wrong, but I could if you shared a link to your website I may be able to assist you better
TopBottom

Chyanne_Mage (New Admin) 1/15/2009 1:29 PM EST : RE: WoW Guild Progression box version 2.0

Chyanne_Mage
Posts: 266
Fingers of Fury!

Fixed - deleted the whole thing and started again and it's perfect. Must have just accidently deleted something.
TopBottom

Freckle_7 (Guild Admin) 1/16/2009 2:11 AM EST : RE: WoW Guild Progression box version 2.0
Freckle_7
Posts: 580
Zomgawsh Poster

Freckle_7 said:

When I mouse over the Progression boxes, the window pop UP and I need it to pop DOWN for visibility.


Hmm. Today it seems to be working. Yesterday, no matter where I moused-over the Naxx button, the window would only pop up. Now, as long as the button is near the top of the screen, the window pops DOWN and I can read all the bosses. Must have been a glitch.

___________________________________________________
Catapultam habeo. Nisi pecuniam omnem mihi dabis, ad caput tuum saxum immane mittam.
TopBottom

Kutsuki (New Admin) 1/22/2009 8:19 PM EST : RE: WoW Guild Progression box version 2.0

Kutsuki
Posts: 9
Getting Started!

Hi, ok so im trying to add this to my website. i got it in there. but theres no pop scroll over pop up box.. im not sure what im doing wrong.. what i did so far is copy and paste your html in the <> area... but i dont know if im supposed to edit anything to make it pop up??

also when i tired to delete the instances that aren't out yet for WOTLK it like completely messed up the code... is there a way to remove that? other then just selecting the

// AZJOL-NERUB RAID (10 man)
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Unk-10.gif"]
,["Azjol-Nerub Raid (10 man)", "-closed-"]
,["-unknown boss-", ""]
]);


and deleting it?


My website


thanks
Seth
TopBottom

Mottie (MVP) 1/23/2009 10:08 AM EST : RE: WoW Guild Progression box version 2.0
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi Kutsuki!

Yeah, with the latest work going on with GP, the tooltip script was removed, please read this post on how to add it back.

As for removing the raids that aren't added to WotLK, I'm afraid you'll have to delete it out, I left it in there for people to have to modify once the new instances did come out. Removing the code you pasted should work and shouldn't mess up the code. I can paste a version here without those instances if you want.
TopBottom

FantasmaWoW (New Admin) 2/18/2009 3:16 PM EST : RE: WoW Guild Progression box version 2.0

FantasmaWoW
Posts: 16
Becoming Adept!

I am still confused.  I read the linked post you provided, but I don't understand what to do with it or where to put it.  I've tried copying the html from sites that have this working, but I still can't get the mouseover to work.

Can someone please help?  My page is at

http://www.guildportal.com/Guild.aspx?GuildID=153687&TabID=2533881

FIGURED IT OUT!  THANKS!
TopBottom

Mottie (MVP) 2/18/2009 6:15 PM EST : RE: WoW Guild Progression box version 2.0
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi Fantasma!

The link you provided doesn't work, but I did find your raiding tab and the mouse over tooltips seem to be working fine... I'm guessing you figured it out?
TopBottom

Mottie (MVP) 3/14/2009 1:01 PM EST : WoW Guild Progression box version 2.2
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster


Progression Box v2.2 (Ulduar)



This update includes two changes:
  1. The WotLK tooltips now include both the 10 man and 25 man progress, the progress counter will show 10 man progress until all the bosses are killed, then it will switch to 25 man progress.
  2. Added the bosses in the upcoming Ulduar patch, the icon above is a temporary one which will be replace by the more "official" icon when one is available.
  3. Added the "attemptedBoss" class that adds a different color for attempted bosses using a keyword.
Content Box
<style type="text/css">
/* Progression box */
#progBox { font-size:90%; color:#ffffff; text-align:center; padding:4px; }

/* Instance name text */
.instance { color:#cccccc; font-size: 10pt; }

/* Instance image and image cell */
.instanceImgCell { width:30px; }
.instance img { vertical-align: middle; border:0px; }

/* bosses killed "(5/6)" in the progression box */
.bossCount { color:#cccccc; vertical-align:middle; }

/* Tooltip styles */
#dhtmltooltip table { color:#ffffff; }
.tooltipHeader { color:#0080ff; font-weight:bold; vertical-align:top; }
.killedBoss { color:#888888; text-decoration:line-through; }
.toKillBoss { color:#dddddd; text-decoration:none; }
.killedText { color:#ff0000; }
.attemptedBoss { color: #00ff00; }

.hide { display: none; }
.show { display: inline; }
</style>
<div style="text-align:center">
<img src="http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wow-1.png" title="World of Warcraft" onclick="pickExp(wowOrig);">
<img src="http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wow-2.png" title="The Burning Crusade" onclick="pickExp(wowTBC);">
<img src="http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wow-3.png" title="Wrath of the Lich King" onclick="pickExp(wowWotLK);">
<div id="progBox"></div>
</div>

<script type="text/javascript">
var wowOrig = new Array();
var wowTBC = new Array();
var wowWotLK = new Array();

// Tooltip width and progression icon size
var tooltipWidth = 300;
var tooltipBossWidth = 250;
var tooltipKilledWidth = 80;
var iconHeight = 30;

// Text in progression box and tooltip, see CSS for color
var raidingKeyWord = "No|closed";
var bossKilledKeyWord = "Killed";
var bossAttemptedKeyWord = "Attempted|%";

// The displayed count will default to 10 man bosses until the instance is 100% completed,
// it will then switch to the 25 man boss count. If the variable below is true, the count
// will start and display only the 25 man progression.
var ignore10manCount = false;

// Setting this to true will show ALL rows, even if you have never been there
// setting it to false will hide rows that match the "raidingKeyWord" above
var showAllRows = true;

// Default displayed progression
var defaultWoW = wowWotLK;

/*
 Boss Information
 ********************************************
- Each progression variable is set up as follows:
   progress.push ([
    ["Thumbnail Image URL"]
   ,["Instance Name", "Instance Status"]
   ,["Instance Boss #1", "Boss #1 Status"]
   ,["Instance Boss #2", "Boss #2 Status"]
   ,   ...
   ,["Last Instance Boss", "Last Boss Status"]

   ]);
 ******************************************** */

/* ********************************************
   Original WoW
   ******************************************** */
// Zul'Gurub
wowOrig.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/zg.gif"]
,["Zul'Gurub", "Farm"]
,["High Priestess Jeklik (Bat)", "Killed"]
,["High Priest Venoxis (Snake)", "Killed"]
,["High Priestess Mar'li (Spider)", "Killed"]
,["High Priest Thekal (Tiger)", "Killed"]
,["High Priestess Arlokk (Panther)", "Killed"]
,["Hakkar the Soulflayer", "Killed"]
,["Bloodlord Mandokir", "Killed"]
,["Jin'do the Hexxer", "Killed"]
,["Gahz'ranka", "Killed"]
,["Edge of Madness", "Killed"]

]);

// AQ20
wowOrig.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/aq20.gif"]
,["Ruins of Ahn'Qiraj", "Farm"]
,["Kurinnaxx", "Killed"]
,["General Rajaxx", "Killed"]
,["Moam", "Killed"]
,["Buru the Gorger", "Killed"]
,["Ayamiss the Hunter", "Killed"]
,["Ossirian the Unscarred", "Killed"]

]);

// Onyxia
wowOrig.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/onx.gif"]
,["Onyxia", "Farm"]
,["Onyxia", "Killed"]

]);

// Molten Core
wowOrig.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/mc.gif"]
,["Molten Core", "Farm"]
,["Lucifron", "Killed"]
,["Magmadar", "Killed"]
,["Gehennas", "Killed"]
,["Garr", "Killed"]
,["Baron Geddon", "Killed"]
,["Shazzrah", "Killed"]
,["Sulfuron Harbinger", "Killed"]
,["Golemagg the Incinerator", "Killed"]
,["Majordomo Executus", "Killed"]
,["Ragnaros", "Killed"]

]);

// Black Wing Lair
wowOrig.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/bwl.gif"]
,["Black Wing Lair", ""]
,["Razorgore the Untamed", "Killed"]
,["Vaelastrasz", "Killed"]
,["Broodlord Lashlayer", "Killed"]
,["Firemaw", "Killed"]
,["Ebonroc", "Killed"]
,["Flamegor", "Killed"]
,["Chromaggus", "Killed"]
,["Nefarian", "60%"]

]);

// AQ40
wowOrig.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/aq40.gif"]
,["Temple of Ahn'Qiraj", ""]
,["The Prophet Skeram", "Killed"]
,["Vem, Yaul and Kri", "Killed"]
,["Battleguard Sartura", "Killed"]
,["Fankriss the Unyeilding", "Killed"]
,["Viscidus", "Killed"]
,["Princess Huhuran", "Killed"]
,["The Twin Emperors", "Killed"]
,["Ouro the Sandworm", "30%"]
,["C'Thun", ""]

]);

// Nax
wowOrig.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/nax.gif"]
,["Naxxramas", ""]
,["AW:Patrchwerk", "Killed"]
,["AW:Grobbulus", "Killed"]
,["AW:Gluth", "Killed"]
,["AW:Thaddius", "Killed"]
,["PW:Noth the Plaguebringer", "Killed"]
,["PW:Heigan the Unclean", "Killed"]
,["PW:Loatheb", ""]
,["SW:Anub'Rekhan", "Killed"]
,["SW:Grand Widow Faerlina", ""]
,["SW:Maexxna", ""]
,["DW:Instructor Razuvious", "Killed"]
,["DW:Gothik the Harvester", ""]
,["DW:The Four Horsemen", ""]
,["FL:Sapphiron", ""]
,["KC:Kel'Thuzad", ""]

]);

/* ********************************************
   The Burning Crusade
   ******************************************** */
// KARAZHAN
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Kar.gif"]
,["Karazhan", "(Farm)"]
,["Animal Boss", "Killed"]
,["Attumen the Huntsman", "Killed"]
,["Moroes", "Killed"]
,["Maiden of Virtue", "Killed"]
,["Opera Event", "Killed"]
,["Nightbane", "Killed"]
,["The Curator", "Killed"]
,["Shade of Aran", "Killed"]
,["Terestian Illhoof", "Killed"]
,["Netherspite", "Killed"]
,["Chess Event", "Killed"]
,["Prince Malchezaar", "Killed"]

]);

// ZUL'AMAN
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/ZA.gif"]
,["Zul'Aman", "(in progress)"]
,["Nalorakk", "Killed"]
,["Akil'Zon", "Killed"]
,["Jan'Alai", "Killed"]
,["Halazzi", "Killed"]
,["Malacrass", "60%"]
,["Zul'jin", ""]

]);

// DOOM LORD KAZZAK
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DLK.gif"]
,["Doom Lord Kazzak", "Noogied us"]
,["Doom Lord Kazzak", ""]

]);

// DOOMWALKER
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DW.gif"]
,["Doomwalker", ""]
,["Doomwalker", ""]

]);

// GRUUL'S LAIR
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/GL.gif"]
,["Gruul's Lair", "(Farm)"]
,["High King Maulgar", "Killed"]
,["Gruul", "Killed"]

]);

// MAGTHERIDON'S LAIR
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Mag.gif"]
,["Magtheridon's Lair", "(Farm)"]
,["Magtheridon", "Killed"]

]);

// SERPENTSHRINE CAVERN
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/SSC.gif"]
,["Serpentshrine Cavern", ""]
,["Lurker", "Killed"]
,["Hydross", "Killed"]
,["Morogrim", "Killed"]
,["Leotheras", "Killed"]
,["Karathress", "Killed"]
,["Lady Vashj", "Killed"]

]);

// THE EYE, TEMPEST KEEP
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/TK.gif"]
,["The Eye", ""]
,["Void Reaver", "Killed"]
,["Al'ar", "Killed"]
,["Solarian", "Killed"]
,["Kael'thas", "Killed"]

]);

// BATTLE FOR MOUNT HYJAL
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/MH.gif"]
,["Battle for Mount Hyjal", "(in progress)"]
,["Rage Winterchill", "Killed"]
,["Anetheron", "Killed"]
,["Kaz'rogal", "Killed"]
,["Azgalor", "Killed"]
,["Archimonde", "10%"]

]);

// BLACK TEMPLE
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/BT.gif"]
,["Black Temple", "(in progress)"]
,["High Warlord Naj'entus", "Killed"]
,["Supremus", "Killed"]
,["Shade of Akama", "Killed"]
,["Teron Gorefiend", "40%"]
,["Gurtogg Bloodboil", ""]
,["Reliquary of Souls", ""]
,["Mother Shahraz", ""]
,["The Illidari Council", ""]
,["Illidan Stormrage", ""]

]);

// SUNWELL PLATEAU
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/SP.gif"]
,["Sunwell Plateau", ""]
,["Kalecgos", ""]
,["Brutallus", ""]
,["Felmyst", ""]
,["Eredar Twins", ""]
,["M'uru", ""]
,["Kil'jaeden", ""]

]);

/* ********************************************
   Wrath of the Lich King
   ******************************************** */
// NAXXRAMAS II
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Nax2.gif"]
,["Naxxramas II", "(10 man)<br>In Progress", "(25 man)"]
,["AW:Patchwerk", "Killed", "Killed"]
,["AW:Grobbulus", "Killed", "20%"]
,["AW:Gluth", "Killed", ""]
,["AW:Thaddius", "Attempted", ""]
,["PW:Noth the Plaguebringer", "Attempted", ""]
,["PW:Heigan the Unclean", "", ""]
,["PW:Loatheb", "", ""]
,["SW:Anub'Rekhan", "Killed", "Ouchy"]
,["SW:Grand Widow Faerlina", "Killed", ""]
,["SW:Maexxna", "", ""]
,["DW:Instructor Razuvious", "Killed", ""]
,["DW:Gothik the Harvester", "", ""]
,["DW:The Four Horsemen", "", ""]
,["FL:Sapphiron", "", ""]
,["KC:Kel'Thuzad", "", ""]
]);

// VAULT OF ARCHAVON
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/VoA.gif"]
,["Vault of Archavon", "(10 man)", "(25 man)"]
,["Archavon the Stone Watcher", "Killed", "Killed"]
,["Emalon the Storm Watcher","",""]
]);

// CHAMBER OF ASPECTS - OBSIDIAN SANCTUM
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/OS.gif"]
,["Chamber of Aspects", "(10 man)", "(25 man)"]
,["Sartharion the Onyx Guardian", "Killed", "Killed"]
,["Sartharion + 1 Drake", "", ""]
,["Sartharion + 2 Drakes", "", ""]
,["Sartharion + 3 Drakes", "", ""]

]);

// THE EYE OF ETERNITY
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/EoE.gif"]
,["The Eye of Eternity", "(10 man)", "(25 man)"]
,["Malygos", "Attempted", ""]
]);

// ULDUAR
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Uld.gif"]
,["Ulduar", "(10 man)", "(25 man)"]
,["Flame Leviathan", "", ""]
,["Ignis the Furnace Master", "", ""]
,["Razorscale", "", ""]
,["XT-002 Deconstructor", "", ""]
,["The Iron Council", "", ""]
,["Kologarn", "", ""]
,["Auriya", "", ""]
,["Mimiron", "", ""]
,["Watcher Freya", "", ""]
,["Watcher Thorim", "", ""]
,["Watcher Hodir", "", ""]
,["General Vezax", "", ""]
,["Yogg-Saron", "", ""]
,["Algalon the Observer", "", ""]
]);

// AZJOL-NERUB RAID
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Unk-10.gif"]
,["Azjol-Nerub Raid", "(10 man)<br>-closed-", "(25 man)<br>-closed-"]
,["-unknown-", "", ""]
]);

// ICECROWN CITADEL
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Unk-10.gif"]
,["Icecrown Citadel", "(10 man)<br>-closed-", "(25 man)<br>-closed-"]
,["-unknown-", "", ""]
,["The Lich King", "", ""]
]);

// ******************************************************
// Don't change anything below this line
// ******************************************************
pickExp(defaultWoW);
function pickExp(ex) {
 if (String(top.name).substring(0,4) == "Edit") { return; }
 var sQ = "&#92;&#39;";
 var pb = "<center><table class=progBox border=0 width='100%'><tbody>";
 raidClassic = (ex[0][1][0].match("Zul'Gurub|Karazhan")) ? true : false;
 for (var inst=0; inst < ex.length; inst++) {
     var killed10 = 0;
     var killed25 = 0;
  pb += "<tr =\"hideddrivetip()\"";
   if (!showAllRows&&(ex[inst][1][1].match(raidingKeyWord)||(ex[inst][1][1].replace(/\(10 man\)/,'')==""&&ex[inst][2][1]==""))) pb += " class=hide";
  pb += " =\"ddrivetip('<table><tr><td class=tooltipHeader width=" + tooltipBossWidth + "px>" + ex[inst][1][0].replace(/\'/g,sQ);
  pb += "</td><td align=center valign=top nowrap width=" + tooltipKilledWidth + "px>" + ex[inst][1][1].replace(/\'/g,sQ);
  pb += (raidClassic) ? "" : "</td><td align=center valign=top nowrap width=" + tooltipKilledWidth + "px>" + ex[inst][1][2].replace(/\'/g,sQ);
  pb += "</td></tr>";
  for (var boss=2; boss<(ex[inst].length); boss++) {
   pb += "<tr><td";
   var boss10 = (ex[inst][boss][1].match(bossKilledKeyWord)) ? true : false;
   if (raidClassic) {
    pb += (boss10) ? " class=killedBoss>" : ">";
   } else {
    var boss25 = (ex[inst][boss][2].match(bossKilledKeyWord)) ? true : false;
    pb += (boss10 && boss25) ? " class=killedBoss>" : ">";
   }
   pb += ex[inst][boss][0].replace(/\'/g,sQ) + "</td><td align=center";
   pb += (boss10) ? " class=killedText" : "";
   pb += (ex[inst][boss][1].match(bossAttemptedKeyWord)) ? " class=attemptedBoss" : "";
   if (boss10) killed10++;
   pb += ">" + ex[inst][boss][1] + "</td>";
   if (!raidClassic) {
    pb += "<td align=center";
    pb += (boss25) ? " class=killedText" : "";
    pb += (ex[inst][boss][2].match(bossAttemptedKeyWord)) ? " class=attemptedBoss" : "";
    if (boss25) killed25++;
    pb += ">" + ex[inst][boss][2] +"</td>";
   }
   pb += "</tr>";
  }
  pb += "</table>', '', '" + (tooltipBossWidth + tooltipKilledWidth) + "');\" >"
  pb += "<td><img src=\"" + ex[inst][0] + "\" height=\"" + iconHeight + "\" width=\"" + iconHeight;
  pb += "\"></td><td class=\"instance\">" + ex[inst][1][0] + "</td><td class=bossCount>(";
  if (raidClassic) {
   pb += killed10;
  } else {
   pb += (!ignore10manCount && killed10 < ex[inst].length-2) ? killed10 : killed25;
  }
  pb += "/" + (ex[inst].length-2) + ")</td></tr>";
 }
 pb += "</table>";
 document.getElementById('progBox').innerHTML = pb;
}
</script>
Customizing the Script

    1. In the CSS, you'll see a "#dhtmltooltip". This CSS class is for the default text color inside the tooltip

      #dhtmltooltip table { color:#ffffff; }
    2. In the javascript, there are two new variables that set the width of the tooltip table cells. "tooltipBossWidth" is the width of the instance name box and "tooltipKilledWidth" is the width of the counter box - the box that contains "(10/10)".

      var tooltipBossWidth = 250;
      var tooltipKilledWidth = 80;
    3. The javascript now contains a new variable called "ignore10manCount". Setting this to true will make the instance count ignore 10 man progression and only display the 25 man boss count. It does not effect the line through of the boss name when it is killed in both 10 man and 25 man instances.

      var ignore10manCount = false;
    4. You can't use the separator code that was part of version 2.1 anymore... I'll add it back if people say they need it.
Edit (4/13/2009): Updated the code above to add the "attemptedBoss" class
Edit (4/24/2009): Added new boss to VoA
Edit (4/27/2009): Added an "ignore10manCount" variable and description into the customizing section.
TopBottom

Nokadi (New Admin) 3/16/2009 1:41 PM EST : RE: WoW Guild Progression box version 2.2

Nokadi
Posts: 8
Getting Started!

Hey i am having problems with scrolling over and the content showing.  Ive copied and pasted all the code that i have seen that you have given us for doing the progression chart which is great and i love it.  i didnt know if you have been adding stuff to the CSS as well that might affecting it.  i pasted the link to my page. We are an guild and just now decided to do a website.  Any help is greatly appricated.  Thanks for all the hard work you are doing as well.

The Battalion
TopBottom

Mottie (MVP) 3/16/2009 3:09 PM EST : RE: WoW Guild Progression box version 2.2
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi Nokadi!

The tooltip script was removed from GuildPortal and I keep forgetting to mention that you have to add it back manually before they work again. Add this line into the Footer HTML (Control Panel > Custom Code > Footer HTML).
<style type="text/css">
.tooltip, .preview, .screenshot { cursor:pointer; }
#tooltip, #tooltip2, #preview, #screenshot {
 color:#dddddd;
 background:#222222;
 border: 1px solid #333333;
 padding:5px;
 display:none;
 opacity: 0.9;
 filter: alpha(opacity=90);
 text-align:left;
}
</style>
<script src="http://www.axiomfiles.com/Files/258012/tooltip.js" type="text/javascript"></script>
Edit (6/5/2009): Updated to new tooltip script.
TopBottom

Admins Online
There are   members online.
So-and-so has logged on!
%title%
%message%