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.

How can I add tipsy tooltips?

View previous topic View next topic Go down

Solved How can I add tipsy tooltips?

Post by Van-Helsing on May 26th 2014, 11:19 pm

Hi all,
How can I add tipsy tooltips in my forum?

Best Regards,
Dark-Avenger


Last edited by Dark-Avenger on May 27th 2014, 9:53 pm; edited 1 time in total

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I add tipsy tooltips?

Post by SLGray on May 26th 2014, 11:42 pm



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36697
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: How can I add tipsy tooltips?

Post by Van-Helsing on May 26th 2014, 11:57 pm

Hi SLGray,
I found this link http://onehackoranother.com/projects/jquery/tipsy/ which working in this topic but I have confused, these codes are a little bit complicated and I dont know how can adapt them and where must I place them.

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I add tipsy tooltips?

Post by Paulostge on May 27th 2014, 9:29 am


Paulostge
Forumember

Male Posts : 82
Reputation : 17
Language : Greek
Location : Greece

http://www.thegreeksenergy.com

Back to top Go down

Solved Re: How can I add tipsy tooltips?

Post by @Mark on May 27th 2014, 9:30 am

Go to your overall_header template and find this part:
Code:
</head>

Now add this code BEFORE/AT THE TOP of the head closing tag:
Code:
<script type="text/javascript" src="http://static.tumblr.com/yiol0h8/6s5n3atke/jquery-1.4.2.min.js"></script>

<link rel="stylesheet" href="http://static.tumblr.com/yiol0h8/AXWn3atj3/tipsy.css" type="text/css" />
<script type="text/javascript" src="http://static.tumblr.com/yiol0h8/GOsn3atjv/jquery.tipsy.js"></script>

<script type='text/javascript'>
$(function() {
$('.tool-tip').tipsy({fade: true, gravity: 's'});
});
</script>

Just add this to the a tag to make it work:
Code:
class="tool-tip" title="THE TEXT YOU WANT TO SHOW WHEN HOVERED"

Then the tooltip is now applied! Here's a sample code applied to a link:
Code:
<a href="LINKHERE" class="tool-tip" title="THE TEXT YOU WANT TO SHOW WHEN HOVERED">Title of the Link</a>

@Mark
Forumember

Male Posts : 187
Reputation : 37
Language : HTML | CSS | Javascript | C | Java
Location : Republic of the Philippines

http://help.forumotion.com/

Back to top Go down

Solved Re: How can I add tipsy tooltips?

Post by Paulostge on May 27th 2014, 9:45 am


You can see the categories of normal now

Paulostge
Forumember

Male Posts : 82
Reputation : 17
Language : Greek
Location : Greece

http://www.thegreeksenergy.com

Back to top Go down

Solved Re: How can I add tipsy tooltips?

Post by SLGray on May 27th 2014, 9:37 pm

Please do not post links to tutorials that guests can not see.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36697
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: How can I add tipsy tooltips?

Post by Van-Helsing on May 27th 2014, 9:52 pm

Hi all,
Paulos thank you very very much its solved.

Best Regards,
Dark-Avenger

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I add tipsy tooltips?

Post by SLGray on May 27th 2014, 9:54 pm

Problem solved & topic archived.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36697
Reputation : 2445
Language : English
Location : United States

http://ztwds.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