This is an inverted version of the original CF Navigation Menu. Four images are used as part of its interface- the two round corners, an indented divider between menu links, and a gradient background image spanning the menu.
CSS Navigation Menus CSS / Buttons and Navigations
Are you looking to create navigation menus using CSS? Are you looking to use different styles for your navigation menus? This tutorial will teach you how to create different menu styles for a main menu, submenu, and footer menu.
Bevel horizontal Menu CSS / Buttons and Navigations
This CSS code creates a "3 state" horizontal menu out of an ordinary list. When the mouse moves over the menu, the menu item bevels up, and in modern browsers, depressing on the menu also creates a depressed state.
Horizontal Drop-Down Menu using CSS CSS / Links Formatting
Learn how to create a drop-down horizontal CSS menu, completely JavaScript-free. The menu is valid XHTML and CSS and uses unordered lists for the menu items.
Vertical Divider Menu CSS / Buttons and Navigations
One of the most popular CSS menu interfaces around, this is a horizontal CSS menu that uses an indented vertical divider to separate each menu item. Each item can change background color when the mouse moves over it.
CSS Tabs menu CSS / Buttons and Navigations
This is a basic CSS tabs menu, created from an ordinary HTML list. The menu supports two common requests- the ability to align the menu "left", "center", or "right" on the page, plus highlight a particular tab so it appears selected.
How to make a decent navigation bar CSS / Buttons and Navigations
A navigation bar is of course essential part of a website as it's going to where all your links to the site are stored, so your obviously be going to needing one, and it's also going to be need to look appealing. This tutorial will teach you how to make a navigation bar using only XHTML and CSS with no use of Javascript or any other code
A vertical CSS menu CSS / Buttons and Navigations
A tutorial on how to make a vertical menu with pure CSS all together with background colors, links and all the things one menu needs.
Pop Up Menu 3 - Images CSS / Buttons and Navigations
This tutorial expands on my last CSS pop up menu tutorial. This time I will focus on how to use image "buttons" in the menu rather than plain text.
Chrome Menu Bar CSS / Buttons and Navigations
This is a lightweight "chrome" looking CSS menu bar. The menu uses two variants of the same background image to create the hover effect.
CSS Pop Up Menu CSS / Buttons and Navigations
This tutorial features a pop up menu written purely in CSS. The code uses XHTML lists which are then styled to produce the hover effects. No Javascript is used apart from IE browsers as they will not display the hover effect without it. More on that later though, first off we'll begin by creating our menu in XHTML.