How can I add tipsy tooltips? Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skin • Return to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
3 posters

    How can I add tipsy tooltips?

    Van-Helsing
    Van-Helsing
    Van-Helsing
    Hyperactive


    Male Posts : 2431
    Reputation : 116
    Language : English, Greek
    • Post n°1

    Solved How can I add tipsy tooltips?

    Post by Van-Helsing 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
    • Back to top
    SLGray
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51498
    Reputation : 3523
    Language : English
    Location : United States
    • Post n°2

    Solved Re: How can I add tipsy tooltips?

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




    How can I add tipsy tooltips? Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    • Back to top
    Van-Helsing
    Van-Helsing
    Van-Helsing
    Hyperactive


    Male Posts : 2431
    Reputation : 116
    Language : English, Greek
    • Post n°3

    Solved Re: How can I add tipsy tooltips?

    Post by Van-Helsing 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.
    • Back to top
    Paulostge
    Paulostge
    Paulostge
    Forumember


    Male Posts : 129
    Reputation : 17
    Language : Greek
    Location : Greece
    • Post n°4

    Solved Re: How can I add tipsy tooltips?

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

    • Back to top
    Guest
    avatar
    Guest
    Guest


    • Post n°5

    Solved Re: How can I add tipsy tooltips?

    Post by Guest 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>
    • Back to top
    Paulostge
    Paulostge
    Paulostge
    Forumember


    Male Posts : 129
    Reputation : 17
    Language : Greek
    Location : Greece
    • Post n°6

    Solved Re: How can I add tipsy tooltips?

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


    You can see the categories of normal now
    • Back to top
    SLGray
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51498
    Reputation : 3523
    Language : English
    Location : United States
    • Post n°7

    Solved Re: How can I add tipsy tooltips?

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

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



    How can I add tipsy tooltips? Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    • Back to top
    Van-Helsing
    Van-Helsing
    Van-Helsing
    Hyperactive


    Male Posts : 2431
    Reputation : 116
    Language : English, Greek
    • Post n°8

    Solved Re: How can I add tipsy tooltips?

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

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

    Best Regards,
    Dark-Avenger
    • Back to top
    SLGray
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51498
    Reputation : 3523
    Language : English
    Location : United States
    • Post n°9

    Solved Re: How can I add tipsy tooltips?

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

    Problem solved & topic archived.



    How can I add tipsy tooltips? Slgray10

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