Comments:
This is a seriously tasty css script. Every horizontal menu I have ever seen (built with xhtml and css)has verticle lines dividing each link. Diagonal lines looks far cooler. I like the way you have used the z-index to its full capability here, without it, I dont think this effect would have been possible. Found some more css goodies in the link above.
Many Thanks !!!!!
CSS Script Page: Diagonal Horizontal Green Menu
More CSS
Green opacity button. This Green CSS button uses a PNG image for a change. Browser compatibility for .png files has become friendlier over the last few years. Pngs are great as the transparency effect works effortlessly. A gif can look blocky and clumsy when sat on top of another image where as a .png will retain the fea ...
Textured CSS Vertical Menu. This vertical menu uses a textured image for effect. When using css and the sliding doors technique, basic navigation on a website can be made more interesting with little or no effort.
Try experimenting with different images and the css code on this 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 ...
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.
Dark Blue Web Template. This simple website template took less than 30 minutes to put together. It is just a simple example of positioning div tags to get the required structure for your website. Once your website has got the required structure, it is then possible to experiment further with images and colours.
Green Tabbed Horizontal Menu. This css navigation template can be pasted straight into the header of your webpage to produce a great looking finish to your work.
Latest CSS:
•
Sleek 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
CSS World Map Rollover
I made the UK rollover map las ...
![]()
4.4 / 5 - 34 Ratings
Transparent Vertical M ...
This vertical golf menu uses a ...
![]()
5 / 5 - 11 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




