HearthPwn Tooltip Syndication Instructions

Tooltip Example

To take advantage of the tooltip functionality you will need to make sure your website includes the JQuery Javascript library as well as our tooltip library.

I have JQuery already

Simply copy and paste this HTML code snippet into the code of your website. This should be added after you include your JQuery script.

<script type="text/javascript" src="http://static-hearth.cursecdn.com/current/js/syndication/tt.js"></script>

I don't have JQuery yet

If you don't have JQuery installed yet, you should copy and paste both of these HTML code snippets in the code of your website.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript" src="http://static-hearth.cursecdn.com/current/js/syndication/tt.js"></script>

Usage

Once you've finished inserting the script onto your site, all links to entries in the HearthPwn database will receive tooltips. Check out some of our example usage scenarios! We'll be creating tooltips for Cenarius.

Normal Tooltips

Regular card tooltips are created by linking directly to a card. Example: Cenarius

HTML
<a href="http://www.hearthpwn.com/cards/605-cenarius">Cenarius</a>
BBCode
[url="http://www.hearthpwn.com/cards/605-cenarius"]Cenarius[/url]

Golden Tooltips

Golden tooltips require you to place #gold at the end of the card URL. Example: Cenarius

HTML
<a href="http://www.hearthpwn.com/cards/605-cenarius#gold">Cenarius</a>
BBCode
[url="http://www.hearthpwn.com/cards/605-cenarius#gold"]Cenarius[/url]

It's as simple as that!