I am currently working on developing a sleeker navigation (buttonbar) for site-wide navigation. This tutorial is proving very useful in creating navigation akin to that on the apple.com site, with pressed button states achieved by swapping .png images.  

Using image sprites, the page will load a single .png for all states of the navigation buttons, drastically decreasing the number of image requests on the server when a new page is loaded. If all goes well, this method should applu to the navigation across all 3 applications (Moodle, Elgg, and WordPress).

This seems like a nice trick, but it sure does take a lot of time to create all those images the first time around...

---

Add this page to your favorite Social Bookmarking websites