To provide Thottbot tooltips to your users for every item link on your page, add the following line anywhere in the HTML:

That's it.  Add that line and any Thottbot item link on the page will have a tooltip.

This page includes that same code line (view source to see it, it's just before this sentence).  Below are some normal text links for items, made just like any other text link.  There is no extra code involved, no onmouseover= attributes, no extra javascript, no extra special div's, just regular links placed regularly on the page.  Mouse over them to see.

Lightbringer Faceguard
Skyshatter Cover
Hood of the Malefic

It's that simple.

Powered sites can easily add a Search Thottbot box with this code:

Which makes this:

For black background pages, an Evil Twin style box may look better:

The box obediently appears whereever it is placed in the code, and is happiest when surrounded by markup that makes it feel like part of the page.

Power a guild news page and any item links (e.g. loot) listed there will automatically have tooltips.  Example: Afterlife Guild.

Power your forum pages and any posted item links will automatically have tooltips.

A list of powered sites will appear soon and be a permanent part of the site.  Add your powered site to the list here.

Questions, comments, concerns, or site announcements can also be posted in the Powered by Thottbot Forum.

The magic line includes a very small (less than 6k) JavaScript file that contains the Thottbot tooltip code, with some additional code to auto-detect links on the fly (dynamically as you mouse over them) and add tooltips.  Tooltip information is pulled live from Thottbot servers, so it's always up to date.  The script is very small and very fast.

This code can also be used for your own tooltips.  Just add tt='html' to any element on the page, and when you mouse over that element, the Thottbot tooltip code will display html.  Additionally you can use tt='#foo' to have it display the contents of a hidden div with id foo.  Unlike title= tooltips, these tooltips can include full HTML markup.  By default, tooltips appear after hovering 0.5 seconds  To have tooltips appear instantly (as is the default for item tooltips), add an exclaimation point to the beginning, e.g. tt='!#foo'.

Here's a live example.  The code below creates a simple mouseover that will show the Thottbot logo.

Code:

Result: