Style My Tooltips Script

[Amlin]

Hello! I've been trying for a while now to get this code to work for my proboards theme, and I was wondering if anyone could help me out? I've added all the components where I'd expect them to go (the link and script sources in the "head" tags, the css in the style sheet, and the script itself in various places). However, I'm unable to get it to work! I would really like to use this code, but I'm not sure if I'm doing something wrong, or if the script is incompatible with proboards or something.

(I also don't know if this is the right board for this kind of question, or if I should have asked in one of the coding and development boards?)

[Tumbleweed]

Sept 22, 2015 21:56:53 GMT -8 Amlin said:

Hello! I've been trying for a while now to get this code to work for my proboards theme, and I was wondering if anyone could help me out? I've added all the components where I'd expect them to go (the link and script sources in the "head" tags, the css in the style sheet, and the script itself in various places). However, I'm unable to get it to work! I would really like to use this code, but I'm not sure if I'm doing something wrong, or if the script is incompatible with proboards or something.

(I also don't know if this is the right board for this kind of question, or if I should have asked in one of the coding and development boards?)

Not really a support question so I'll move this to the header footer board but you will need to download the file. There is a javascript file you'll need. Just save it to your desktop, if you trust the site, (I downloaded it) and then extract and do some clicking on the contents and find the one labeled "javascript" but don't open it. Right click it and select edit and then copy that and paste it between script tags.  The only thing you'll actually need on that page is the little jquery script they have and the css. You don't need the first ones, these:

<link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="jquery.style-my-tooltips.js"></script>

And then your html would be like this:

<a title="Tooltip is goes here." href="#">Hover me!</a>