[Forumotion] jQuery Tipsy

Hello,

Today we are going to learn how to use jQuery's tipsy on your forumotion forum. First, we going to cover the easiest way (This only with with templates)

1) Goto: ACP Display Templates General overall_header Find </head> Place the following lines BEFORE that tag:

Code:

<link rel="stylesheet" href="http://www.lovingminecraft.com/fmcss/tipsy.css" type="text/css" />
<script type="text/javascript" src="http://www.lovingminecraft.com/fmcss/jquery.tipsy.js"></script>

2) Now we just need to call it you can do this by going to: ACP Modules HTML & Javascript Javascript Codes Management Create a new Javascript and call it whatever you want, function is a good idea.

3) Now just enter this code into the textfield:

Code:

$(document).ready(function() {
  $('#example-1').tipsy();
});

All you have to do is alter the '#example-1' to where you would like the tooltips to be displayed.

Nice tutorial. About this jQuery efect a lot of people are asking.

Yep, that's why I made it

Sorry... but what does Tipsy do?

Tooltips