Home

If you re interested in learning how to use CSS sprites to create engaging standard-compliant navigational mechanisms that can be used on different web sites with minor modifications you ve come to the right place. Welcome to the final installment of a seven-part series that shows you how to build CSS sprite-based navigation bars. This series walks you through the progressive development of a couple of appealing links bars which use a single background image to define the visual...

In this penultimate part of the series I show how to use the previous CSS sprite background image to define the look of a casual artistic blog navigation bar in its hover state. The simple styling process shouldn t give you any major problems when you use this approach to build a navigation bar for your own websites....

Styling a Blog`s Links Bar with CSS Sprites

In this fifth article of a seven-part series I demonstrate how to use a set of CSS sprites to define the visual style corresponding to the normal state of a navigation bar of a fictional blog site. The most complex facet of this process was to create the background image containing the corresponding sprites the rest of the procedure merely involves manipulating the image s X and Y coordinates via CSS....