Saturday, January 20, 2007

Sweet tooltip popups for acronyms and other notes

Like most bloggers, I sometimes get blog envy over some particular feature.  It’s been awhile, since I tend to be rather complacent and don’t like to change what is already working so well. But I’ve been seeing a lot of blogs that have these nifty little tooltips that look like this: (hover your mouse over this).

Although I’m rather fond of using parentheses (even though it’s a bitch to spell), this is just so much cooler and befitting of a geek. If any of you are interested in getting this feature for yourself, I found it here. It uses two JS files, a CSS file, and that’s it. Oh yeah, I had to add a little bit to the CSS to make it underline the word with a dotted line. Here’s what I added:

acronym {
border-bottom: 1px dotted #666;
cursor: help;
}

Simply add this to the one CSS file that they provide you and you’ll be all set.

Zippety doo dah!

Posted by Geeky Dragon Girl on 01/20 at 11:05 AM
(11) CommentsPermalink
Categories: • Blog-Related YammerRandom acts of geekery