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.

Disables strict link detection.  This allows power.js to find older Thottbot item links as well as item links to other sites and provide tooltips for them. Enables link fixing.  This fixes old style Thottbot links to point to new Thottbot item pages, and as a side effect also changes the links of any other database item link that is found into a standard Thottbot item link (just for the viewer, not for Google).

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:

This system (easy to use item tooltips) was first invented by Thott.  The idea and method was then rapidly copied by other sites.  Prior to its invention this system was declared impossible by many on the net.

That's why we keep Thott locked up in the basement.