Add a Tooltip to Almost Every Element

[Matthew Hawley]

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:

<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.

title="List of forums that you are currently...

Read more about this resource...

 

[Steve F]

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]

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]

Which template?

From footer template



Just trying to help ya a bit.

 

[Matthew Hawley]

It's in the sidebar_online_users template. For the following members tooltip.

 

[Steve F]

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

 

[silence]

Make a regex to add this to every element that has an alt to it!

 

[Wesker]

Does this still work and would this work for a non default theme?

 

[Matthew Hawley]

Does this still work and would this work for a non default theme?

Yes.

 

[rafass]

Hello @Steve F
How can I add tooltips in the prefixes? appreciate your help as always
Thanks!