Firstly, just want to say a big thanks to thottbot for a constantly awesome site, keep up the good work.

Secondly, just thought i'd post here for anyone who may be having problems getting the tooltips to work on a phpbb forum or not know where to start. I'm far from being advanced with phpbb or web design but have got it to work on my forum and have made a post about how i did it. I wont post it here as it's a bit long but it can be seen along with the tooltip working over at

http://www.exalted.bresland.co.uk/forum/viewtopic.php?t=206


One thing though, is that i can't get the tooltip to work if i change the colour of the link (it's explained a little more over at the post) Maybe someone will be able to explain how to get that to work too.

I'll just say it again, i'm not great with phpbb so what i've said may not work for everyone and there is probably a better way, but thought i'd let people know of the post as it may help to give them something to try if they dont know how to start going about making their phpbb forums powered by thottbot. hope it helps

Subucni

If you have something like:

<a href='http://thottbot.com/i12345'><font color='#F00'>Item</font></a>

it won't work, because the <font> tag doesn't have a tooltip, and for performance reasons, it doesn't traverse the DOM looking at every parent node every time something is moused over.

You can work around this by changing the color using CSS, e.g.:

<style>
.red { color: #F00 }
</style>
<a href='http://thottbot.com/i12345' class='red'>Item</a>

or you can work around this by applying a tooltip to the font tag.  The syntax to mimic the link tooltips is '+!<url>/T', e.g.:

<a href='http://thottbot.com/i12345'><font color='#F00' tt='!=http://thottbot.com/i12345/T'>Item</font></a>

Best regards,
Thott

Hey Thott and Subucni!

First of all I want to thank both of you, first Thott for helping me earlier on my question in this forum. And Subucni for explaining it very, very clearly. As thanks I've made a short, easy mod how to install it for PHPBB2.

##############################################################
## MOD Title: Powered by Thottbot
## MOD Author: Rando (http://www.wow-nl.com), Thott for the script (http://www.thottbot.com)
## MOD Description: Adds 'onmouseover=' tooltips to your item links
## MOD Version: 1.0
##
## Installation Level: EASY
## Installation Time: 3 minutes
## Files To Edit: viewtopic_body.tpl
## Included Files: n/a
## License: Free for Non- and Commercial use. ##############################################################
## Mod History:
## [24-11]: Initial Release (1.0)
##############################################################
## Before Adding This MOD To Your Forum, You Should Back Up All Files Related To This MOD
##############################################################
## Extra Note: viewtopic_body.tpl can be found in: [yourdomain]/[yourforumfolder]/templates/[yourtemplate]/viewtopic_body.tpl
##############################################################

#
#-----[ OPEN ]---------------------------------
#
viewtopic_body.tpl

#
#-----[ FIND ]---------------------------------
#
</table>

#
#-----[ AFTER, ADD ]------------------------------------------
#
<script src="http://i.thottbot.com/power.js"></script>

#
#-----[ SAVE/CLOSE ALL FILES ]---------------------------------#

Hope it helps a bit!

Rando / Trapican

P.S. Did you read my mail yet, Thott? ;-)

I cant seem to get to that post that is linked above due security measures of the forum...
Seems I would have to make a char on that server get a pw and then register before I can view the post.

Would anyone care to explain how he got it to work?
I am using phpBB3 and I have added the code to several html files in the /templates folder with no success. I know they have disabled html on this release is that causing it? Is there a way to get around it?

There is a typo in the second post.  Here is an example that works:

<a href='http://thottbot.com/i32254'><font color='#FF4455' tt='!+http://thottbot.com/i32254/T'>The Brutalizer</font></a>

The only problem is that the background color is not set.