Runes of Magic Tooltip Syndication - runesdatabase.com - the official database

Welcome to runesdatabase.com - the official database | Sign in or Register
Database Community Syndication Tooltips
RoM Profiler: Do your part and contribute to runesdatabase.com!
This guide is a walkthrough of how to link items, skills, recipes and npcs on your website, with built-in tooltips. What is a tooltip? A tooltip will display item facts in a little box that pops up in your browser. Clicking on the link will direct users to a page with more detailed information. Just follow this easy guide to getting these on your site.



Tooltip Syndication

Syndicating tooltips is simple. Follow this two-step process, and you're done.

1. Put the following code into the HEAD section of the HTML document:
<script type="text/javascript" src="http://www.runesdatabase.com/js/exsyndication.js"></script>
2. Your site is now ready for tooltip syndication! Whenever you want to include a tooltip in a news story, comment, or forum post, all you need to do is create a romdb link to the item. Here's are some examples:

Item: Moa's Madness Axe

<a href="http://www.runesdatabase.com/item/211943">Moa's Madness Axe</a>

Recipe: Recipe - Hero Potion

<a href="http://www.runesdatabase.com/recipe/550728">Recipe - Hero Potion</a>

NPC: Akeli, the sage

<a href="http://www.runesdatabase.com/npc/100200">Akeli, the sage</a>

Skill: Berserk

<a href="http://www.runesdatabase.com/skill/490095">Berserk</a>

Title: Adventurer of Silverspring

<a href="http://www.runesdatabase.com/title/530202">Adventurer of Silverspring</a>


Customizing Tooltip Links

Links can be customized by applying a "class" attribute to the anchor tag. Here are some of the options we currently offer.

Auto label

If you would like your links to have the item/recipe/skill/npc name and rarity color automatically applied for you, simply use the class attribute: "rom-<type>-text".
For example: <a class="rom-item-text" href="http://www.runesdatabase.com/item/211943">Unknown Item</a> will display Unknown Item

Links with Icons

To include an icon with your link, as well as the label, use one of the following three class attributes: "rom-<type>-full-small" for a small icon, "rom-<type>-full-medium" for a medium icon, or "rom-<type>-full-large" for a large icon.

Items


Class attribute rom-item-full-small will display:
Unknown Item

Class attribute rom-item-full-medium will display:
Unknown Item

Class attribute rom-item-full-large will display:
Unknown Item

Skills


Class attribute rom-skill-full-small will display:
Unknown Skill

Class attribute rom-skill-full-medium will display:
Unknown Skill

Class attribute rom-skill-full-large will display:
Unknown Skill


Icon-Only Links

To include an icon-only link, use one of the following three class attributes: "rom-<type>-icon-small" for a small icon, "rom-<type>-icon-medium" for a medium icon, or "rom-<type>-icon-large" for a large icon.

Items


Class attribute rom-item-icon-small will display:


Class attribute rom-item-icon-medium will display:


Class attribute rom-item-icon-large will display:

Skills


Class attribute rom-skill-icon-small will display:


Class attribute rom-skill-icon-medium will display:


Class attribute rom-skill-icon-large will display: