The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Tipsy tooltip problem

View previous topic View next topic Go down

Solved Tipsy tooltip problem

Post by udarsha45 on Fri Aug 28, 2015 7:16 am

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?


Last edited by udarsha45 on Sat Sep 12, 2015 12:41 pm; edited 1 time in total

udarsha45
Forumember

Male Posts : 464
Reputation : 2
Language : English
Location : Sri Lanka

http://bleach.5forum.net

Back to top Go down

Solved Re: Tipsy tooltip problem

Post by udarsha45 on Sun Aug 30, 2015 4:27 am

bump

udarsha45
Forumember

Male Posts : 464
Reputation : 2
Language : English
Location : Sri Lanka

http://bleach.5forum.net

Back to top Go down

Solved Re: Tipsy tooltip problem

Post by APE on Sun Aug 30, 2015 2:06 pm

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




APE
Manager
Manager

Male Posts : 8610
Reputation : 748
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Tipsy tooltip problem

Post by udarsha45 on Sat Sep 12, 2015 10:12 am

That site is sadly dead. :/

udarsha45
Forumember

Male Posts : 464
Reputation : 2
Language : English
Location : Sri Lanka

http://bleach.5forum.net

Back to top Go down

Solved Re: Tipsy tooltip problem

Post by Ange Tuteur on Sat Sep 12, 2015 10:49 am

What's the URL of the forum you tried installing it on + is it still installed on that forum ?

Let me know Smile

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Tipsy tooltip problem

Post by udarsha45 on Sat Sep 12, 2015 10:51 am

@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 Smile

I tried installing the code in my site; http://www.bleachstory.net/

No, I removed the code since it was not working.

udarsha45
Forumember

Male Posts : 464
Reputation : 2
Language : English
Location : Sri Lanka

http://bleach.5forum.net

Back to top Go down

Solved Re: Tipsy tooltip problem

Post by Ange Tuteur on Sat Sep 12, 2015 11:01 am

Try reinstalling everything, if there are any problems let me know and I'll check to see what's preventing it from functioning.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Tipsy tooltip problem

Post by udarsha45 on Sat Sep 12, 2015 11:08 am

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

udarsha45
Forumember

Male Posts : 464
Reputation : 2
Language : English
Location : Sri Lanka

http://bleach.5forum.net

Back to top Go down

Solved Re: Tipsy tooltip problem

Post by Ange Tuteur on Sat Sep 12, 2015 11:35 am

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

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Tipsy tooltip problem

Post by udarsha45 on Sat Sep 12, 2015 11:37 am

So just to be clear; I should add the above JS code and the CSS found here right?

udarsha45
Forumember

Male Posts : 464
Reputation : 2
Language : English
Location : Sri Lanka

http://bleach.5forum.net

Back to top Go down

Solved Re: Tipsy tooltip problem

Post by Ange Tuteur on Sat Sep 12, 2015 11:40 am

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.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Tipsy tooltip problem

Post by udarsha45 on Sat Sep 12, 2015 11:54 am

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.

udarsha45
Forumember

Male Posts : 464
Reputation : 2
Language : English
Location : Sri Lanka

http://bleach.5forum.net

Back to top Go down

Solved Re: Tipsy tooltip problem

Post by Ange Tuteur on Sat Sep 12, 2015 12:13 pm

Looks like the toolbar margin offset is causing that. Try changing the gravity from 's' to 'n' to see if that helps.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Tipsy tooltip problem

Post by udarsha45 on Sat Sep 12, 2015 12:21 pm

@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! Very Happy

But if I may ask; why is the tool-tip appearing way lower from the topic title?

udarsha45
Forumember

Male Posts : 464
Reputation : 2
Language : English
Location : Sri Lanka

http://bleach.5forum.net

Back to top Go down

Solved Re: Tipsy tooltip problem

Post by Ange Tuteur on Sat Sep 12, 2015 12:26 pm

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.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Tipsy tooltip problem

Post by udarsha45 on Sat Sep 12, 2015 12:41 pm

@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! Very Happy

Topic solved.

udarsha45
Forumember

Male Posts : 464
Reputation : 2
Language : English
Location : Sri Lanka

http://bleach.5forum.net

Back to top Go down

Solved Re: Tipsy tooltip problem

Post by Ange Tuteur on Sat Sep 12, 2015 12:44 pm

You're welcome. Mr. Green

Topic archived

Have a great weekend. Smile

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum