This guide is a walkthrough of how to link items and awards 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.
1. Put the following code into the HEAD section of the HTML document:
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://fishbook.fbplayers.com/js/fishville-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 fishville link to the item. Here's are some examples:
Item: Blackfoot Lionfish
<a href="http://fishbook.fbplayers.com/item/171">Blackfoot Lionfish</a>
Achievement: Decollector
<a href="http://fishbook.fbplayers.com/achievement/4">Decollector</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.Links with Icons
To include an icon with your link, as well as the label, use one of the following three class attributes: "fishville<type>-full-small" for a small icon, "fishville-<type>-full-medium" for a medium icon, or "fishville-<type>-full-large" for a large icon.
ItemsClass attribute fishville-item-full-small will display: Blackfoot Lionfish Class attribute fishville-item-full-medium will display: Blackfoot Lionfish Class attribute fishville-item-full-large will display: Blackfoot Lionfish |
AwardsClass attribute fishville-award-full-small will display: Decollector Class attribute fishville-award-full-medium will display: Decollector Class attribute fishville-award-full-large will display: Decollector |
