Red Green and Blue Menu
The working code:
Smart blue horizontal Nav menu
Snappy red horizontal Nav menu
Green Planet horizontal Nav menu
Author: Free CSS Menus: www.freecssmenus.co.uk
Description: 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.
Category: Menu Horizontal
Tested Browsers: AOL 9, Firefox 3.0.1, Opera 9.10, IE 7
Comments:
No comments have been submitted for this script!
Would you like to read comments on other CSS scripts?
More CSS related to this script:
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.
Blue Tabbed Horizontal Navigation. This horizontal menu only uses one image. For best results, use this css example on a dark background. Have a look at our other tabbed menus to see which more suits your web page.
Green Push Button. This green push button shows a little more movement than other CSS buttons. The dimentions may have to be tweaked a little when altering the button text but just have a play with the CSS and see what you can come up with yourself. There are more Cascading Style Sheets on this website for you to view and use on your websites... just take a look.
Multi Colour Buttons. Have fun using these multi coloured css buttons in your website. Dont forget that our free css button creator utility will be up and running soon!
Green Css Button. This green css button has been refined to contain only one image. Other rollover buttons of this nature would normally contain two images. Here we use the: background-postion command to display the image in four different positions. Why four? Well the normal state (no hover)has both left and right edges which are needed so that the button can stretch with more text. Apon the hover state the button uses another two edges.
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









