How can I add tipsy tooltips?
3 posters
Page 1 of 1
How can I add tipsy tooltips?
Hi all,
How can I add tipsy tooltips in my forum?
Best Regards,
Dark-Avenger
How can I add tipsy tooltips in my forum?
Best Regards,
Dark-Avenger
Last edited by Dark-Avenger on May 27th 2014, 3:53 pm; edited 1 time in total
Re: How can I add tipsy tooltips?
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: How can I add tipsy tooltips?
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.
Re: How can I add tipsy tooltips?
Go to your overall_header template and find this part:
Now add this code BEFORE/AT THE TOP of the head closing tag:
Just add this to the a tag to make it work:
Then the tooltip is now applied! Here's a sample code applied to a link:
- 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>
Guest- Guest
Re: How can I add tipsy tooltips?
Paulostge wrote:See here my guide that is in greek
You can see the categories of normal now
Re: How can I add tipsy tooltips?
Please do not post links to tutorials that guests can not see.Paulostge wrote:See here my guide that is in greek
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: How can I add tipsy tooltips?
Hi all,
Paulos thank you very very much its solved.
Best Regards,
Dark-Avenger
Paulos thank you very very much its solved.
Best Regards,
Dark-Avenger
Re: How can I add tipsy tooltips?
Problem solved & topic archived.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum