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:
Red Green and Blue Menu. These three css menus use subtle shades of red, green and blue, just enough to add a touch of class to any website.
When you come to copy the code, only copy the css and xhtml that corresponds to the colour which you have decided to use.
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.
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.
Red Horizontal Tabbed Menu. This Horizontal tabbed menu shows the user three different states: Normal, Hover and Active/Selected. This menu is still only using one image and the sliding doors technique.
Expandable Horizontal Curved Menu. Have the CSS buffs wondering how you did it with this expandable curved horizontal menu! A few months ago, I didn`t think this was possible with CSS... but after much playing around I finally got the result I was looking for.
Latest CSS:
•
Sleak Drop-down Menu
A great example of what css can be used to create. This free download from PSDGR ...
Added: Friday 13 Aug, 2010
•
Bright Yellow Vertical Menu
If your website is bright and sunny then add this vertical menu to give it a spl ...
Added: Tuesday 15 Jun, 2010
•
Transparent Vertical Menu
This vertical golf menu uses a simple PNG image to give some transparency so tha ...
Added: Saturday 17 Apr, 2010
•
css3 Border Radius
CSS Border radius achievable with CSS3.
I do love the idea of creating corner ...
Added: Tuesday 06 Apr, 2010
•
Animated navigation menu
Great animated vertical menu. Our first submission by one of our visitors. Top M ...
Added: Monday 15 Feb, 2010
Top Rated:
Css rollover uk map
Free rollover map of the Unite ...
4.2 / 5 - 44 Ratings
Transparent Vertical M ...
This vertical golf menu uses a ...
5 / 5 - 10 Ratings
Free Tabbed Navigation ...
Tabbed navigation menus improv ...
4.4 / 5 - 9 Ratings
Image Rollover Solar S ...
This example of css uses one m ...
4.9 / 5 - 7 Ratings
Expandable Horizontal ...
Have the CSS buffs wondering h ...
4.6 / 5 - 5 Ratings
CSS Tags:
Z-index Tabbed Background Gold Css Icon Texture Colour Chrome Rounded Forms Metal Hypertext Color Flash List Depth Text Navigation Url Css Solar System Display Vertical Opacity Block Float Rating Centering Templates Horizontal Dark Alignment Light Design Width Green Text-decoration Image Red Png Corner Font Grey Menu Drop Down Button Purple Border Cascading Yellow Menu Blog Website Template Transparency Hover 3d Animation Photo Gallery Tutorials Sliding Doors Cyan Border-radius Orange Script Expandable Rollover Watermark Style Blue Positioning Css3 Pink Style Sheets
