Menubar Styling Help
 

Hi all,

I would like to duplicate some of what I see in this menu here:
http://www.basementtechnologies.com/

First, how/where can I create a create a gradient for the menu items? Can that be done in CSS or do I need to create an image as a rollover?

Second, is there a way in CSS to make the menu "roll" down like in the example above?

Here is the site I am working on:
http://www.mjrgrp.com/demo/atec/

I would also like to get rid of the double down arrow in my menubar. I hope this is an option in a future release. I would love to see this in the controls as "use down arrow" yes/no or better yet, use this icon as a down arrow -- kind of like the option for logo and favicon.

Thanks for any help!
:D

Apparently basement technologies created a gradient graphic for his menu bar (and so it doesn't have the down arrows on it). It looks like he's using something called "Superfish" for the roll down effect, but that's all I can tell from looking at the source code.

I just figured out the background gradient deal, with the help of some other folks here. First, make a left-right gradient image and upload it to your images directory. Then put this code in your css inserts:

li.rMenu-expand li a {
background-image:url('http://www.mywebsite.com/images/menu_gradient.png') !important;
background-repeat:repeat-y !important;
}

Of course make sure the url points to your actual gradient image, and the width of the gradient image needs to match the width of your sub-menus.

Emanuel

Thanks! :D