
What is the DarthhaterDB?
Simple Syndication
This guide is a walkthrough of how to link DarthHaterDB items, spells, quests and npcs on your own 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.
Syndicating content from DarthHaterDB is simple. Follow this two-step process, and you're done.
- Put the following code into the HEAD section of the HTML document:
<script type="text/javascript" src="http://db.darthhater.com/js/extooltips.js"></script> - Your site is now ready for DarthHaterDB syndication! Whenever you want to include an item tooltip in a news story, comment, or forum post, all you need to do is create a HolocronDB link to the item. Here are some examples:
- Items: <a href="http://db.darthhater.com/items/42849/corsos_prototype_rifle/">Corso's Prototype Rifle</a> (Corso's Prototype Rifle)
- Recipes: <a href="http://test.holocrondb.com/recipes/3272/rakata_eliminators_vambraces/">Rakata Eliminator's Vambraces</a> (Rakata Eliminator's Vambraces)
- Spells: <a href="http://db.darthhater.com/abilities/815/channel_hatred/">Channel Hatred</a> (Channel Hatred)
Customizing 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 name and rarity color automatically applied for you, simply use the class attribute: "swdb-item-text".
For example: <a class="swdb-item-text" href="http://db.darthhater.com/items/42849/corsos_prototype_rifle/">Unknown Item</a>
| Will display: | Corso's Prototype Rifle |
- Links with Icons: To include an icon with your link, as well as the label, use one of the following three class attributes: "swdb-item-full-small" for a small icon, "swdb-item-full-medium" for a medium icon, or "swdb-item-full-large" for a large icon.
For example: <a class="swdb-item-full-small" href="http://db.darthhater.com/items/42849/corsos_prototype_rifle/">Corso's Prototype Rifle</a>will display
| Corso's Prototype Rifle |
Changing the class attribute to swdb-item-full-medium will produce:
| Corso's Prototype Rifle |
And to swdb-item-full-large:
| Corso's Prototype Rifle |
There we have it: Basic tooltip syndication, ready for your corner of the online world.
To stay on top of all releasing SWTOR news, development updates, speculation and community banter, head to darthhater.com, and to the SWTOR Wiki at wikiswtor.com for constant, fresh information on items, classes, and more.
Comments
Very excited to see this here as a tester for SWTOR! Can't wait until the game is fully operational Dec. 20th!
Thanks Curse
Thanks, way better than Torhead TBH.
Will be using it on our under-dev Theorycrafting.com website.
Love it! Already using it for my guild site.
Woo!
hi is there a detailed guide to add this to blogger sites like blogspot etc
thanks