Resource icon

Add a Tooltip to Almost Every Element

Matthew Hawley

Well-known member
Matthew Hawley submitted a new resource:

Add a tooltip to almost any element - Does what it says on the tin

In this guide, I will be showing you how to add a tooltip to almost element.

So lets say I wanted to add a tooltip to the "Watched Forums" tablink. I would go to the navigation template and search for:
Code:
<li><a href="{xen:link 'watched/forums'}">{xen:phrase watched_forums}</a></li>
Now, all you have to do is add this after the "li" (note that I didn't say <li>) in the front of the element.
Code:
title="List of forums that you are currently...
Read more about this resource...
 

Steve F

Well-known member
To be really correct, your title should be after the class it is being used for.

And you can also just add the class Tooltip to the <a href="http: //Link.com" class="Tooltip" title="Link description">
 

Matthew Hawley

Well-known member
To be really correct, your title should be after the class it is being used for.

And you can also just add the class Tooltip to the <a href="http: //Link.com" class="Tooltip" title="Link description">
Sorry, in the xenforo templates its title before class.
 

Steve F

Well-known member
Gotcha ya, either way it isn't a big deal, I was just suggesting following how I seen it done in other templates.
 
Top