Tipsy Tooltip Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn 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.
4 posters

    Tipsy Tooltip

    avatar
    PA
    Forumember


    Posts : 219
    Reputation : 2
    Language : english

    In progress Tipsy Tooltip

    Post by PA Sat 14 Feb 2015 - 13:31

    Hey guys so I found a nice tooltip mod here.

    http://www.fmcodes.com/t291-how-to-add-tipsy-tooltip

    However, I would like to add the tooltip to EVERY single tooltip on the the profiles of my members, like here:
    http://www.pottersarmy.net/u29
    Like wherever I have a tooltip, it should be replaced by tipsy tooltip.
    I know it's possible since I was doing the same thing with another tooltip modification.
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51498
    Reputation : 3523
    Language : English
    Location : United States

    In progress Re: Tipsy Tooltip

    Post by SLGray Sat 14 Feb 2015 - 14:19

    Sorry, but I do not understand what you are asking for.



    Tipsy Tooltip Slgray10

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


    Posts : 219
    Reputation : 2
    Language : english

    In progress Re: Tipsy Tooltip

    Post by PA Sun 15 Feb 2015 - 3:00

    The tipsy tooltip appears only in some places.
    But if you follow the link above, hover over the GRADUATE image under the picture of that member and see that the old tooltip is still there. How would I apply tipsy tooltips to those tooltips?


    Tipsy Tooltip Screen11
    _Twisted_Mods_
    _Twisted_Mods_
    Helper
    Helper


    Male Posts : 2083
    Reputation : 336
    Language : English
    Location : Ms

    In progress Re: Tipsy Tooltip

    Post by _Twisted_Mods_ Sun 15 Feb 2015 - 10:08

    i tried but i really cant tell what it does
    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19325
    Reputation : 2005
    Language : fluent in dork / mumbojumbo & English haha

    In progress Re: Tipsy Tooltip

    Post by Ape Sun 15 Feb 2015 - 10:38

    Maybe @Niko! can help you with this one as she is admin on that forum or you could make an account on that forum and ask on that topic Wink

    APE



    Tipsy Tooltip Left1212Tipsy Tooltip Center11Tipsy Tooltip Right112
    Tipsy Tooltip Ape_b110
    Tipsy Tooltip Ape1010
    avatar
    PA
    Forumember


    Posts : 219
    Reputation : 2
    Language : english

    In progress Re: Tipsy Tooltip

    Post by PA Sun 15 Feb 2015 - 11:02

    'kay I will ask Niko.
    However, i think you coding whizzes shuld find this easy.

    All I need is to edit this code:
    Code:
    $(document).ready(function(){[size=12][/size]
      $(function() {[size=12][/size]
        $('a').tipsy({fade: true, gravity: 's'});[size=12][/size]
        $('.i_icon_quote').tipsy({fade: true, gravity: 's'});[size=12][/size]
        $('.i_icon_edit').tipsy({fade: true, gravity: 's'});[size=12][/size]
        $('.i_icon_delete').tipsy({fade: true, gravity: 's'});[size=12][/size]
        $('.i_icon_ip').tipsy({fade: true, gravity: 's'});[size=12][/size]
        $('.i_icon_profile').tipsy({fade: true, gravity: 's'});[size=12][/size]
        $('.i_icon_pm').tipsy({fade: true, gravity: 's'});[size=12][/size]
        $('.topic-title').tipsy({fade: true, gravity: 's'});[size=12][/size]
        $('.i_post').tipsy({fade: true, gravity: 's'});[size=12][/size]
        $('.i_reply').tipsy({fade: true, gravity: 's'});[size=12][/size]
      });[size=12][/size]
    });

    The '$('.i_reply')' and etc fields show WHERE the standard tooltip is replaced by this custom one.
    How can I know the ID's to use there for a given tooltip? 
    _Twisted_Mods_
    _Twisted_Mods_
    Helper
    Helper


    Male Posts : 2083
    Reputation : 336
    Language : English
    Location : Ms

    In progress Re: Tipsy Tooltip

    Post by _Twisted_Mods_ Sun 15 Feb 2015 - 11:22

    profile fields don't contain id's  however you can do it to images like this

    example image link

    Code:
    www.myimage.come/imgs/image.gif

    how you would setup the code.. just replace image.gif with your image name
    Code:
    $('img[src*="image.gif"]').tipsy({fade: true, gravity: 's'});
    avatar
    PA
    Forumember


    Posts : 219
    Reputation : 2
    Language : english

    In progress Re: Tipsy Tooltip

    Post by PA Mon 16 Feb 2015 - 11:57

    That works, thanks Twisted.
    Where can I find the profile fields for stuff like the navbar links?
    _Twisted_Mods_
    _Twisted_Mods_
    Helper
    Helper


    Male Posts : 2083
    Reputation : 336
    Language : English
    Location : Ms

    In progress Re: Tipsy Tooltip

    Post by _Twisted_Mods_ Mon 16 Feb 2015 - 22:37

    Code:
    $('.tabs a').tipsy({fade: true, gravity: 's'});