CSS Library: Vertical CSS Menus: Here
Glossy Vertical Menu
Author: Dynamic Drive
This is a CSS vertical menu that uses a thin, repeating background image that changes when the mouse moves over a link. The image is glossy looking with an indent at the bottom to create a nice separation between links.
Demo:
The two images used:
![]()
The CSS:
Got a question or need help customizing this CSS code? Post it in the CSS Forums. If you have a comment or suggestion instead, post it in the comments section below.
Comment Pages 1 of 15 pages 1 2 3 > Last »
fantastic
How do i put childs on every <li>..????
downright awesome! I love dynamic drive!
But it's still some visual glitch with cursor "onmouseover" (only IE), that's caused by this code:
a:hover {background-image: url(media/glossyback2.gif)}
a:hover {background-image: url(media/glossyback2.gif)}
WOW! This is a great code for menus. Couldn't say it better. nice work.
this does not work in
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4
The menu apears blank until you hoover over the menu
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4
The menu apears blank until you hoover over the menu
how do i add in my web site & get this effect of buttons
Cool ! Simply and efffective
Can't seem to get the block to left justify in the cell in which I placed it. Any thoughts?
Commenting is not available in this weblog entry.


*I recommend this menu.