Build Your Own Business Website header image

Image Sprites

How to Create a CSS-Tricks Style Navigation Menu

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

Applies to -

This is a special kind of menu that is made up of an image sprite in which each individual menu element has its own image, its own background hover color and current style. We show you how to create this menu style using our BYOB Thesis Nav Menu plugin and custom code. To view the menu style we used as inspiration visit the CSS-Tricks website (http://css-tricks.com/.)