The javascript code

Modules Tab

•  Title: your choice
  
• Where: on all pages
  
  

  Code:

  $(document).ready(function(){
 $('.my-tooltip').tooltipster();
 });

  
  

 Editing templates

Display tab  

templates  

 General

Code:

<!-- BEGIN switch_topic_title -->
 <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
 <!-- END switch_topic_title -->

Code:

<!-- BEGIN switch_topic_title -->
 <a href="{catrow.forumrow.U_LATEST_TOPIC}" class="my-tooltip" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
 <!-- END switch_topic_title -->

 Documentation

•  class = "my-tooltip"
   add this attribute to an html code (for example, to link) to activate this feature
  
• title = "content of the tooltip"
   this attribute will be the textual content of the tooltip when you fly over the element with the class my-tooltip