Hostgator coupons for up to 99% off hosting for Dynamic Drive visitors!
Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library

CSS Library: Vertical CSS Menus: Here

Arrow Green Vertical Menu

Author: Ian Main (with changes by Dynamic Drive)

Arrow Green Menu is a vertical list based menu that uses a single background image to create 3 distinct states, by shifting the image vertically to reveal a different style. The last state is user applied, by giving the desired element a CSS class of ".selected".


Single image used (two flavors):

The CSS:

Note: The image path referenced in the CSS above assumes you're using the first green image. If you're using the second, be sure to update the image path accordingly.


Code Info

Rate this code:

Date Posted: 09/15/2008

Revision History: None

Usage Terms: Click here

Your Comments (35)

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 4 of 4 pages « First  <  2 3 4

The comment chopped out some of the code on the include a the end.
all the links have classes:
href="50plus.html" class="50plus"
Magazine Theme
Posted by Wordpress Theme on 04/15, 07:06 AM
fix your theme :) i use IE8beta1 and your theme is not compatibly to my IE. In firefox3.03 is ok. my project is debt quote
Posted by Jerry Trong on 05/06, 01:19 AM
This is the best theme that I had seen always!
Posted by " rel="nofollow">Karl William on 05/06, 11:45 PM
Crown Lists is a mailing list broker offering high quality business mailing lists, consumer mailing lists, direct marketing lists, medical mailing lists, email lists. We are a mailing
list company helping clients purchase lists.
Posted by Mailing list broker on 05/29, 12:42 AM
I like this CSS sprites technique. If you give me a psd file, I can simply change the color for my designs.
Posted by aloy on 06/04, 10:19 AM

Comment Pages 4 of 4 pages « First  <  2 3 4

Commenting is not available in this weblog entry.
Copyright 2006-2015 Dynamic Drive Read our Usage Terms before using any of the CSS codes.