WordPress.org

Ready to get started?Download WordPress

Forums

FancyTooltips Plugin (44 posts)

  1. victr
    Member
    Posted 9 years ago #

    I have gotten around to creating a WordPress Plugin that dynamically changes the tooltips that are created by browsers. Basically, FancyTooltips replaces those boring little boxes that appear next to your mouse with a dynamic and impressive one.

    You can download FancyTooltips and receive more information about it from the entry on my blog.

  2. tzar
    Member
    Posted 9 years ago #

    this looks sweet! nice job...
    I am gathering stuff for my website re-design, this is just added to my essential list... :D

  3. Mark (podz)
    Support Maven
    Posted 9 years ago #

    Similar to Dunstan's work ?
    http://www.1976design.com/blog/archive/2003/11/21/nice-titles/

    I use that, but had to alter the CSS as it used moz properties which rendered it invalid ..... if you could crack that, it would be very neat :)

  4. dss
    Member
    Posted 9 years ago #

    Can't see any tool tips in safari.

    mac
    os x
    10.3.7

  5. victr
    Member
    Posted 9 years ago #

    @Podz - Yes, it is based on this script. Much of the code is similar. I have done numerous tweaks, however, to improve upon it. One in particular is the support of extra tags and how the tooltips display.

    @dss - If I am correct, Safari doesn't currently have support for the FancyTooltips. I don't think it renders the Javascript correctly.

  6. NuclearMoose
    Member
    Posted 9 years ago #

    I installed this plugin last night. Two words to describe it:
    Wow.
    Wow.

    I had previously installed Nicer Titles, and while it worked, it took some time for this not-code-savvy-moose to figure it all out. Plus I had all that ugly JS in my index.php page.

    This plugin is drop-dead simple to install, and to use! Well done!

  7. victr
    Member
    Posted 9 years ago #

    I'm thrilled that you're enjoying it. I'm very pleased with the response (so far). Hopefully, once a full verison is released, I'll get three wow's out of you! :-D

  8. CarLBanks
    Member
    Posted 9 years ago #

    This is a great plugin!

  9. victr
    Member
    Posted 9 years ago #

    I'm glad you are enjoying it!

  10. dawg
    Member
    Posted 9 years ago #

    Well I have installed the plug in and activated but where do I see it in action?

  11. NuclearMoose
    Member
    Posted 9 years ago #

    The plugin is well documented and there is a demonstration of it as well.

    In order for you to see it in action, your links would have to have the title and / or alt attributes as well. Hover on my links in the sidebar and you'll see:
    http://blog.nuclearmoose.ca/index.php

  12. dawg
    Member
    Posted 9 years ago #

    Thanks NMoose, seeing it in action speaks volumes, I did not see the documentation on victr' blog. The links on my 1.5 have not been touched/edited meaning they are what came with the 1.5 dl so they did not work, I will add the title or alt attribute so i can utilize, works sweet on you page BTW

  13. NuclearMoose
    Member
    Posted 9 years ago #

    Yeah, I like how easy it was to set up and get running. Getting it to work so easy is what we moose need...we aren't the smartest creatures on the planet! :P

  14. Cypher
    Member
    Posted 9 years ago #

    @victr;

    Here's your third WOW! :D

    Regards

  15. victr
    Member
    Posted 9 years ago #

    @dawg: Just to clear something up. The title attribute needs to be entered into the supported tags (e.g. links, acronyms, ect.). The only exception is the imgtag which requires you to use the alt attribute.

  16. ccf
    Member
    Posted 9 years ago #

    I've downloaded it and installed it (very easy) and like it a lot. Only, I would like it to do the same as my own css and probably haven't read the ReadMe close enough. Or maybe my English is failing me ;)
    I'll check it out at the weekend.
    Thanks for the nice job anyway.

  17. NuclearMoose
    Member
    Posted 9 years ago #

    ccf,

    All you need to do to get it to match the styling on your site is to edit the supplied CSS file.

  18. dawg
    Member
    Posted 9 years ago #

    @victr I still can not seem to get the hang of your plug in. I understand how it works via alt/title attributes which would be simple to write in edit mode but this wysiwyg interface of wp is driving me nuts!!!!

    In the links page there is all kinds of stuff

    identity another web address of mine
    friendship acquaintance contact friend none
    physical met
    professional co-worker colleague
    geographical co-resident neighbor none
    family child kin parent sibling spouse none
    romantic muse crush date sweetheart

    all i want is to add a simple title attribute.

  19. NuclearMoose
    Member
    Posted 9 years ago #

    Dawg,
    Are these links you have entered via your LINKS panel in the Admin Panel? If so, just make sure that you have entered a description for each link. If you have a description, then that will be what pops-up for the tool tip.

  20. victr
    Member
    Posted 9 years ago #

    @ccf: Nucleur Moose is right. You can certainly customize the CSS of the FancyTooltips plugin. It is located in ./fancytooltips/fancytooltips.css . Go ahead and edit the colours and what not how ever you please. If you're having issues understanding what tags edit what, you can email me with your questions.

    @Dawg: I you are only looking to add the FancyTooltips to your "Links" in WordPress, than simply add the description of the link (as NuclearMoose stated). BUT, if you want to add titles to any other links, you'll need to edit the templates of your blog and enter the titles in manually.

  21. dawg
    Member
    Posted 9 years ago #

    OK thanks, I saw the description but I knew that that would add the description below the actual link so I did not think that that was it. I will give it a shot now, not sure about the second way of adding it{you'll need to edit the templates of your blog and enter the titles in manually.}

  22. dawg
    Member
    Posted 9 years ago #

    After much ado I finally got it worked out! The biggest thing that caused a hassle was the simple description part that I completely ignored as I wanted to write in the attribute myself. I had used this description in the past but it added the description below the link so I was looking for title attribute. I took a look at the php file and figured it out. I do not believe there was mention of making a sub folder in plugins called fancytooltips but this was necessary and this is wher I went wrong as I just uploaded the php file into the plugins and activated it thus having no .js or .css. Dyslexcia strykes again

  23. victr
    Member
    Posted 9 years ago #

    It happens to the best of us.

  24. blueorder
    Member
    Posted 9 years ago #

    First of all, great plugin...

    One thing that I've found while using the plugin on my site is that it displays them well in the body but it is not replacing the tooltips in the header...

    Here's my site so you can check it out: http://theamells.net

    If you hover over the links in one of the posts, the fancy tooltip is displayed... If you hover over, let's say, the weather icon on the top right the normal tooltip is displayed...

  25. Cypher
    Member
    Posted 9 years ago #

    @blueorder;

    Edit the file /wp-content/plugins/fancytooltips/fancytooltips.js and go to line 372.

    There you will see comment "/*" and "*/" characters around the line. Remove these comment characters, this will ensure that the "title" tag will get picked up for "img"'s as well as "alt".

    Regards

  26. blueorder
    Member
    Posted 9 years ago #

    Cypher...works like a charm now...thanks...

  27. victr
    Member
    Posted 9 years ago #

    Note to All: v.1.2.1 of FancyTooltips is out. I suggest you download it.

  28. ajlitton
    Member
    Posted 9 years ago #

    Is it just me, or is the actual plugin file missing from the .zip? All I see is readme.txt, fancytooltips.css and fancytooltips.js - the same as the .zip for "Regular Script".

    Thanks!

  29. dawg
    Member
    Posted 9 years ago #

    One thing I noticed on 1.5 is that it works correctly in the default theme but in the classic I get the desrciption below the link, in default it is not visable.

  30. CarLBanks
    Member
    Posted 9 years ago #

    I upgraded to V1.2.1 and now it doesn't work.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.