Javascript: Nifty Nice Titles

I noticed that some websites had these nifty popup divs that came up when I hovered over the titles. I was curious, so I googled, and found this “Nice Titles” article. I decided to test it on my site, and viola, I have nice titles! It was pretty easy to install. I just uploaded the nicetitle.js file to my theme directory. Then add the CSS classes from nicetitle.css into my style.css. Then modified the background image and uploaded that to my images/ directory. Then I added:

<script type="text/javascript" src="nicetitle.js">
</script>

to my header.php file. :) I love transparent PNG! You can see through the div!

While looking at the stylesheet definitions, I also learned something new.

-moz-border-radius: 12px;

This style attribute make the edges of it’s class rounded. Unfortunately, it only works in Mozilla/Firefox. But it’s nifty nevertheless!