Free Navbars
We've put together a collection of Free Navbars that can be easily plugged into your web pages.
Each navbar uses the same html code but uses a different style sheet.
There are horizontal and vertical drop down menus included in the collection. Vertical drop downs include two versions for left and right positioning.
The Navbar collection can be downloaded as a kit.
You can add the HTML code to your web page and link the style sheet separately or add its content to you current style sheet.
Use them as they are or use the kit to study the examples and create your own.
Download the Kit
Horizontal Navbars
Barebones color and Shadow Change
The first horizontal navbar includes a feature that might be helpful for those developing a one size fits all website.
If you click on the right most Category button the drop down web page tabs will display to the left.
If the site is viewed on small tablets the tabs won't be cut off due to right positioning.
Button Image
The draw back to using button images is that text size and length of text are governed by the size of the button image.
Negative Box Shadow and Border-Radius
Negative Box Shadow and Alternate Border-Radius