Arts

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

Creating an Artistic Blog Header with CSS Sprites

In this fourth part of a seven-part series I build the header section of a sample blog site. It will use another set of CSS sprites -- or in other words a different background image -- to decorate the sections comprising its navigation bar....
IT...

Defining the Active State of Menu Sections for a CSS Sprite-Based Navigation Bar

In this third part of a series I put the final touches on our sample navigation bar which uses the functionality of CSS sprites to define the visual presentation of the normal hover and active states of its sections. Constructing a graphic user interface like this is a two-step process. First one creates a good-looking background image and then tweaks its X and Y coordinates via CSS....