Not a member? Register | Lost your password?
Close Panel
 
 

18

Aug

2007

A stylish CSS Vertical Menu - Mouseover Effect

By Jeeremie. Posted in Articles, HTML / CSS

This is a CSS vertical menu that uses a repeating background image (nav.jpg) that changes when the mouse moves over a link. Besides it displays a link as active for the current page.

Works in IE5+, Firefox, Opera and Safari.

Preview:


See Demo »

Download Files:

Download (8.4 KiB, 2,182 hits)

Technorati Tags: , , , ,

Popularity: 11% [?]

 

Related posts

| Subscribe to Feed | Email the author

3 Responses to “A stylish CSS Vertical Menu - Mouseover Effect”

  1. 1
    Toby Says:
    August 29th, 2007 at 1:31 pm

    Thanks so much for this great menu. It was what I was looking for. The code is really clean and easy to understand even for the newbie I am. Thanks again.

  2. 2
    Menú horizontal o vertical para tus proyectos « Xyberneticos Says:
    September 30th, 2007 at 2:24 am

    [...] A stylish CSS Vertical Menu - Mouseover Effect: Éste es un menú vertical en CSS que utiliza una única imagen de fondo en repetición (nav.jpg) cuando el ratón se mueve sobre un acoplamiento (hover) el fondo cambia de estado (background-position). Además exhibe como activo la página actual que nos encontremos viendo del menú. Trabaja bien en IE5+, Firefox, ópera y safari. Demo - Descarga - web-kreation [...]

  3. 3
    Firefly Says:
    October 17th, 2008 at 4:05 am

    Just what I need, thanks.

    Firefly

 

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

To insert a code, don't use <code>...</code>. Instead, use <pre lang="LANGUAGE" colla="-">...</pre> and replace 'LANGUAGE' by 'html4strict' for HTML, 'php', 'javascript', 'css'...