PhpBB Tooltips

This section illustrates the 2 minutes step by step procedure for adding Magic the Gathering or World of Warcraft card tooltips to your phpbb forum. If the images do not correspond to your setup, you might have a different phpbb version installed than mine. Send me an email, and we'll work it out.

Including the javascript files

First, log in and visit the Styles tab in your Administration Control Panel. From the left menu, select Templates, and click on the Edit link of your current forum template.


Then select the file overall_header.html. In the textarea that will open search for a couple of consecutive script tags, like the ones in the following screenshot, and after them add, just like the highlighted bit in the image, the following snippet. Then save the template by clicking Submit.

<script src="http://deckbox.org/assets/external/tooltip.js"></script>
<script src="http://deckbox.org/assets/external/decks.js"></script>


Now it's time to insert a bit of javascript that will magically turn our deck tags into nice listings with card links and tooltips. Select the template overall_footer.html and scroll down to the end. Just before the line containing </body>, insert the following code (as shown in the following screenshot):

<script>Deckbox.utils.DeckParser.initializePhpbb('mtg');</script>
If you are using this for World of Warcraft or Warhammer:Invasion tooltips, replace 'mtg' with 'wow' or 'whi' respectively.


Creating the BBCode tags

To create a bbcode tag (or if you already have a tag for cards, to edit it), navigate to the Posting tab, BBCodes section of the administration panel, and click Edit on your existing tag, or add a new one. You need to add 2 pieces of code: a Usage, and a Replacement. Edit these just like in the following screenshot. ( In the replacement field, change in the url mtg to the game you need the tooltips for (whi for Warhammer:Invasion, wow for World of Warcraft)




For decks, create another BBCode tag, filling in [deck]{TEXT}[/deck] for Usage, and the exact same thing - [deck]{TEXT}[/deck] for Replacement. We do this so that users get a deck button in the post screen. The javascript will take care of replacing it with the appropriate html to yield tooltip links.

Now click submit, and you're done! All posts containing [card] tags around card names, and [deck] tags around decklists will turn these into nice links that show tooltips when you hover over them!