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.aiondatabase.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 aiondatabase link to the item. Here's are some examples:

Item: Abominable Cruelty

<a href="http://www.aiondatabase.com/item/100900189">Abominable Cruelty</a>

Recipe: Draconic Craft: Dark Dragon King's Magic Book

<a href="http://www.aiondatabase.com/recipe/155006350">Draconic Craft: Dark Dragon King's Magic Book</a>

NPC: Arlion

<a href="http://www.aiondatabase.com/npc/204147">Arlion</a>

Skill: Focused Evasion I

<a href="http://www.aiondatabase.com/skill/572">Focused Evasion I</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: "aion-<type>-text".
For example: <a class="aion-item-text" href="http://www.aiondatabase.com/item/100900189">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: "aion-<type>-full-small" for a small icon, "aion-<type>-full-medium" for a medium icon, or "aion-<type>-full-large" for a large icon.

Items Class attribute aion-item-full-small will display: Unknown Item Class attribute aion-item-full-medium will display: Unknown Item Class attribute aion-item-full-large will display: Unknown Item	Skills Class attribute aion-skill-full-small will display: Unknown Skill Class attribute aion-skill-full-medium will display: Unknown Skill Class attribute aion-skill-full-large will display: Unknown Skill
Recipes Class attribute aion-recipe-full-small will display: Unknown Recipe Class attribute aion-recipe-full-medium will display: Unknown Recipe Class attribute aion-recipe-full-large will display: Unknown Recipe	NPCs Class attribute aion-npc-full-small will display: Unknown NPC Class attribute aion-npc-full-medium will display: Unknown NPC Class attribute aion-npc-full-large will display: Unknown NPC

Icon-Only Links

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

Items Class attribute aion-item-icon-small will display: Class attribute aion-item-icon-medium will display: Class attribute aion-item-icon-large will display:	Skills Class attribute aion-skill-icon-small will display: Class attribute aion-skill-icon-medium will display: Class attribute aion-skill-icon-large will display:
Recipes Class attribute aion-recipe-icon-small will display: Class attribute aion-recipe-icon-medium will display: Class attribute aion-recipe-icon-large will display:	NPCs Class attribute aion-npc-icon-small will display: Class attribute aion-npc-icon-medium will display: Class attribute aion-npc-icon-large will display: