Rounded corners with Nifty Corners
If you’ve been here recently, you might notice the navigation tabs at the top have changed a little. Instead of being squared off, the corners on the selected tab are now rounded. I could’ve done this a few different ways, but I’ve been wanting to play with Nifty Corners for a while, so I figured I might as well experiment with it here.
Implementing it was pretty simple. Basically I just had to download the javascript library, point at it in the source code, add the styles for it (which are included), and then add this to the page header:
<script type="text/javascript"> window.onload=function() { if(!NiftyCheck()) return; Rounded("li.here","top","transparent","#fff","small"); } </script>
That’s about all there is to it. Take a look at the article by Alessandro Fulciniti for more information and examples.
