The included CSS with the Superfish plugin makes creating an interactive navigation menu quick and simple, but a soft blue menu isn't going to fit into every design, so let's take a look at how we can customize the menu.
We're going to take a look at how we can customize the look of the menu by writing our own CSS, customize the animation for showing the nested menus, highlight the current page, and enhance the hover behavior of the menu.
We're going to get started by writing some CSS to create a custom look for our menus. We're going to use the Suckerfish Dropdown approach to create a menu that will work for our site visitors who don't have JavaScript enabled. I'd like to create a soft gradient background and have my menu items appear to be ribbons floating over the top of this background. My menu will look similar to the following screenshot:
I'm going to really take advantage of the newer CSS3 properties available for use in modern browsers. I'm using gradients...