Web Development Blog

Somewhere between wishing I was a doctor or an astronaut and wondering exactly how many razor blades it would take to shave a wookie, I actually made time to make a screencast about something me and a colleague had a conversation about.

We were discussing exactly how flexible Droppy really is, and his main question was if it was easy to change the text navigation item into a graphic one.

Having awesome and edgy navigations is such a big part of what I do every day… So I decided to make a video tutorial on how to change the top level of a “Droppy” drop down navigation from simple CSS text into images (with roll-overs).

Its four installments of 5 minutes each. I have the SWF files and then I also created projector files in case you would like to save it on your local machine

Episode 1 (exe)
Episode 2 (exe)
Episode 3 (exe)
Episode 4 (exe)

Here are the links as promised:

The zip file containing the example I coded:
topnav.zip

Droppy:
http://plugins.jquery.com/project/droppy

jQuery
http://jquery.com/