Bubble Tooltips

Bubble Tooltips is a script that presents tooltips with a graphic background. This can be an attractive design feature as well as a way of drawing attention to any messages you may want to emphasize. Tooltips display the text that appears in the “title” attribute of your url link. eg:

<a href=”sueblimelybt.blogspot.com title=”a blog about blogging”>
Sueblimely Discovering Blogging</a>

I had the script installed on this blog but it conflicted with the Line Buzz inline commenting feature. I have therefore created an example on my own server. Example of Bubble Tooltips

The script for this was created by Alessandro Fulciniti. Please read his his article for a full description and code download..

Tags: , ,

Sueblimely signature

RSS feed

11 Comments

Comment by Aimee
2007-05-27 05:41:00

Neat! Will this work for wordpress?

(Comments wont nest below this level)
 
Comment by Sueblimely
2007-05-28 04:58:00

Hi aimee.

Yes this will work for WordPress. You will need to go into Theme Editor to add a link to the js and CSS files.

If you do not have access to your own server, so need to include the js and css in the template itself, you will have to change one line of the js code to stop it pointing to a seperate css file. Change the line

l.setAttribute(“href”,”bt.css”);

to:

l.setAttribute(“href”,”self”);

You will have to set a title attribute to the links you wish to have bubble tips on.
Hope this helps. Please let me know if you need more instruction.

(Comments wont nest below this level)
 
2009-05-21 19:04:36

Small but quite attractive for readers and for blog as well.

(Comments wont nest below this level)
 
Comment by Mob mesh
2009-09-09 04:36:44

Your blog is full of funny stuff. Most of all threads are great. I like your blog very much.

(Comments wont nest below this level)
 
Comment by True Religion
2009-09-10 20:16:45

If you do not have access to your own server, so need to include the js and css in the template itself, you will have to change one line of the js code to stop it pointing to a seperate css file…

(Comments wont nest below this level)
 
Comment by nick shoes
2009-10-23 13:45:00

Small but quite attractive for readers and for blog as well.

(Comments wont nest below this level)
 
Comment by cerita dewasa
2009-11-03 14:40:18

Yes this will work for WordPress. You will need to go into Theme Editor to add a link to the js and CSS files.

If you do not have access to your own server, so need to include the js and css in the template itself, you will have to change one line of the js code to stop it pointing to a seperate css file. Change the line

(Comments wont nest below this level)
 
2009-11-24 08:03:12

Great and brilliant explaination of how to use it in WordPress, because I wouldn’t have understood how! It’s nice to have someone run a blog who actually replies to the messages people leave.

(Comments wont nest below this level)
 
Comment by Bodybuilders forum
2009-12-03 07:56:35

If you do not have access to your own server, so need to include the js and css in the template itself, you will have to change one line of the js code to stop it pointing to a seperate css file…

(Comments wont nest below this level)
 
Comment by amery buck
2009-12-14 16:50:30

Beautiful blog with great informational content. Mostly certifications related and bubble tooltips related topics are really very good. testking, testking 642-062 and testking 642-067 are also good topics. Thanks for this great sharing.

(Comments wont nest below this level)
 

Sorry, the comment form is closed at this time.

WordPress | Based on The SandboxPrivacy and Terms