CSS Navigation Bar <Code> Generator

CSS Text Based Navigation Bar With Sprite Image Code Generator

Watch a video sample 2 3 | or view a Generated Example ( CSS | Sample Image).

— This web tool generates the necessary code you need to build up a valid and accessible text based imaged navigation bar with one sprite image, XHTML and CSS. The technique is inspired in this article: CSS Text based navigation bar with images, I encourage you to read it all before you continue. Enjoy!

Step 1: Upload the navigation bar sprite image.

For this technique to work correctly the height or the width of the image you provide must be divisible into 2 or 3 equal parts. These parts are the different possible action states, Normal, Over and Current. At this moment the system only accepts .jpg files.

Website Templates Premium Tutorials Code Canyon

2008 — 0.5 — Css Navigation Bar Generator by Matt Varone.