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/.)

The Use of Image Sprites in the Thesis Navigation Menu

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

In this session we address a member’s question about how to create a Thesis navigation menu that uses image sprites. We talk about how CSS image sprites are used, show what they look like on a website and how they can be used to create a nice navigation menu layout. Rick: Okay so the next

Creating Full Width Header Using BYOB Thesis Plugins – Part 5 Add Sprite Image to Nav Menu

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

This is part 5 of 6 in a series on Creating a Full Width Header Using BYOB Thesis Plugins. In this session we show how to add an image sprite to the navigation menu using a set of images created in Photoshop. These images represent the current state, hover state, and link states in the