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...
 
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">
 
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.
 
Gotcha ya, either way it isn't a big deal, I was just suggesting following how I seen it done in other templates.
 
Top Bottom