Curved Horizontal Menu
The working code:
Left Horizontal Menu
Right Horizontal Menu
Author: Free CSS Menus: www.freecssmenus.co.uk
Description: This horizontal menu shows how straight lines can be replaced with any shape you wish. The only draw back with this css script is that the width of each button cannot be altered to suit the amount of text within. I am still working on a way around this problem, but for now "It is what it is!"
Category: Menu Horizontal
Tested Browsers: AOL 9, Firefox 3.0.1, Opera 9.10, IE 7
Comments:
Comment from: E GadgetIve been trying to come up with something similar for ages. Top Job!
More CSS related to this script:
Horizontal Red Css Menu. Using cascading style sheets to produce a rollover effect is easy. Using only a handful of styles : background url, padding, margin, color,border etc, we can create some effective horizontal menus fit for any website. This Horizontal menu was created using our FREE UTILITY. Visit our free menu maker to design your own menus.
Free css green horizontal menu. This free menu is quick and simple to create. I`ve made the hover just a simple background colour instead of an image, this saves any slow down. If an image is preferred create a larger image with the hover image out of sight... Then the hover uses "background-position" style to switch positions upon hover (1 image 2 positions). This should avoid any slow down on image swap.
Dark Flash Metal Menu. You may be mistaken for thinking that this menu was created using flash. CSS, basic xhtml and a single image were the only ingredients used to build this accessible horizontal menu. This and all CSS examples on this site, adhere to strict W3C compliancy.
Free Dark Red Nav Menu. This red navigation menu was created using our FREE CSS NAVIGATION MENU CREATOR. Dont worry if this horizontal menu is not to your taste. There are many css designs on this website and you can also build your own with our free utility.
Large Green Css Horizontal Menu. This free css green horizontal menu was designed in about 45 seconds with our free menu generator. This menu only uses one image which is moved in position upon rollover.
Latest CSS:
•
Animated navigation menu
Great animated vertical menu. Our first submission by one of our visitors. Top M ...
Added: Monday 15 Feb, 2010
•
CSS vertical numeric keypad
Stylish CSS vertical numeric keypad. ...
Added: Sunday 03 Jan, 2010
•
Red Green and Blue Menu
These three css menus use subtle shades of red, green and blue, just enough to a ...
Added: Thursday 31 Dec, 2009
•
2010 Dark Gloss Nav
If you have a dark website, this glossy nav menu a perfect compliment for it. ...
Added: Wednesday 30 Dec, 2009
•
Dark Flash Metal Menu
You may be mistaken for thinking that this menu was created using flash. CSS, ba ...
Added: Monday 30 Nov, 2009
Top Rated:
CSS World Map Rollover
I made the UK rollover map las ...
4.9 / 5 - 29 Ratings
Curved Horizontal Menu
This horizontal menu shows how ...
4.5 / 5 - 16 Ratings
Diagonal Horizontal Gr ...
This horizontal menu took quit ...
4.8 / 5 - 5 Ratings
Diagonal Horizontal Bl ...
This horizontal menu took quit ...
4.6 / 5 - 5 Ratings
Curved white css borde ...
Creating curved corners for yo ...
4.5 / 5 - 4 Ratings
CSS Tags:
Yellow Border Forms Style Alignment Centering Colour Css Solar System Cascading Button Rollover Blog Icon Style Sheets Chrome Rounded Menu Drop Down Pink Animation Purple Background Cyan Orange Design Png Script Css Website Template Opacity Expandable Gold Image Display Sliding Doors Text Metal Hypertext Light Flash Width Positioning Green Photo Gallery Watermark Navigation Transparency Blue Menu Red Font Dark Url Float Color Tutorials Tabbed Vertical Horizontal Texture Grey Z-index Depth Hover Rating 3d Text-decoration Block
