Tipsy tooltip problem
3 posters
Page 1 of 1
Tipsy tooltip problem
I tried adding the code that I found here; http://www.fmcodes.com/t291-how-to-add-tipsy-tooltip
But it's not working....
Does anyone know a code that may work?
But it's not working....
Does anyone know a code that may work?
Last edited by udarsha45 on September 12th 2015, 1:41 pm; edited 1 time in total
Re: Tipsy tooltip problem
I think the best way to get this working is to ask on there forum as this is not a code that we host on FM
Re: Tipsy tooltip problem
What's the URL of the forum you tried installing it on + is it still installed on that forum ?
Let me know
Let me know
Re: Tipsy tooltip problem
Ange Tuteur wrote:What's the URL of the forum you tried installing it on + is it still installed on that forum ?
Let me know
I tried installing the code in my site; http://www.bleachstory.net/
No, I removed the code since it was not working.
Re: Tipsy tooltip problem
Try reinstalling everything, if there are any problems let me know and I'll check to see what's preventing it from functioning.
Re: Tipsy tooltip problem
Ange Tuteur wrote:Try reinstalling everything, if there are any problems let me know and I'll check to see what's preventing it from functioning.
Reinstalled it but it's still not working.
When I hover around a topic title, it shows nothing.
Re: Tipsy tooltip problem
I see. Try the following instead, it should be a lot easier. Go to Modules > JavaScripts codes management > Create a new script
Placement : In all the pages
I added it to all links using south gravity. You can see here for more information :
http://onehackoranother.com/projects/jquery/tipsy/
Placement : In all the pages
- Code:
(function() {
document.write('<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery.tipsy/1.0.2/jquery.tipsy.css" rel="stylesheet" type="text/css" />');
$(function() {
$.getScript('https://cdnjs.cloudflare.com/ajax/libs/jquery.tipsy/1.0.2/jquery.tipsy.min.js', function() {
$('a').tipsy({gravity: 's'});
});
});
})();
I added it to all links using south gravity. You can see here for more information :
http://onehackoranother.com/projects/jquery/tipsy/
Re: Tipsy tooltip problem
So just to be clear; I should add the above JS code and the CSS found here right?
Re: Tipsy tooltip problem
No, don't add anything from there. The script I gave you will add the JS and CSS from a CDN.
To apply the tooltip to elements, just place your code where I have $('a').tipsy({gravity: 's'}); in the getScript callback function.
To apply the tooltip to elements, just place your code where I have $('a').tipsy({gravity: 's'}); in the getScript callback function.
Re: Tipsy tooltip problem
The code works but when you hover over a topic title the tool-tip appears and begins to shutter like crazy.
It's hard to explain. I think if you go to my site and see, you would understand what I'm saying.
It's hard to explain. I think if you go to my site and see, you would understand what I'm saying.
Re: Tipsy tooltip problem
Looks like the toolbar margin offset is causing that. Try changing the gravity from 's' to 'n' to see if that helps.
Re: Tipsy tooltip problem
Ange Tuteur wrote:Looks like the toolbar margin offset is causing that. Try changing the gravity from 's' to 'n' to see if that helps.
It works!
But if I may ask; why is the tool-tip appearing way lower from the topic title?
Re: Tipsy tooltip problem
I was correct it's caused by a 30px margin. Mm.. try adding the following rule to your stylesheet.
Display > Colors > CSS stylesheet
It'll get rid of the 30px margin caused by the toolbar and replace it with a padding instead. Although when you do close the toolbar there'll be a slight gap, but it should fix the position of the tooltips.
Display > Colors > CSS stylesheet
- Code:
body {
margin-top:0 !important;
padding-top:30px;
}
It'll get rid of the 30px margin caused by the toolbar and replace it with a padding instead. Although when you do close the toolbar there'll be a slight gap, but it should fix the position of the tooltips.
Re: Tipsy tooltip problem
Ange Tuteur wrote:I was correct it's caused by a 30px margin. Mm.. try adding the following rule to your stylesheet.
Display > Colors > CSS stylesheet
- Code:
body {
margin-top:0 !important;
padding-top:30px;
}
It'll get rid of the 30px margin caused by the toolbar and replace it with a padding instead. Although when you do close the toolbar there'll be a slight gap, but it should fix the position of the tooltips.
Thanks alot mate!
Topic solved.
Similar topics
» Tooltip problems
» Problem with tooltip and forum title
» Tipsy
» How can I add tipsy tooltips?
» Remove a Tooltip
» Problem with tooltip and forum title
» Tipsy
» How can I add tipsy tooltips?
» Remove a Tooltip
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum