Hi firstly I want to thank you for this wonderful module.

It has been one of the better drop down menu that I have tried.

I have done up a horizontal top menu. My link is test.vfcliw.org

I need your advise on the following CSS changes

1. change the back ground color for the menu.

2. remove the border

Thanking you in advance

Hi

I have done for updating and resolve some issues.

but would need your inputs on the following

1. how to remove the top and bottom borders on the top menu

2. on the child menu how can i same the background color and the opacity

Below are CSS added in the module


#{$id}
{
position: relative;
left: 30px;
}


BODY #{$id}.yui-skin-sam .yuimenubar,
BODY #{$id}.yui-skin-sam .yuimenubaritem-selected,
BODY #{$id}.yui-skin-sam UL LI.yuimenuitem-selected,
BODY #{$id}.yui-skin-sam .yuimenu .bd
{
background:transparent;
background-image: none;
border-style: none;
border-width:0;
}



BODY #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel,
BODY #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel:link,
BODY #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel:visited,
BODY #{$id}.yui-skin-sam ul li a.yuimenuitemlabel,
BODY #{$id}.yui-skin-sam ul li a.yuimenuitemlabel:link,
BODY #{$id}.yui-skin-sam ul li a.yuimenuitemlabel:visited
{
color: #5F798F;
}

BODY #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel:hover,
BODY #{$id}.yui-skin-sam ul li a.yuimenuitemlabel:hover
{
color: #CC0000;
}

.top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu
{
background-image: url(test/templates/cdp/images/header.jpg);
}

.top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel
{
width:55px;
text-align:center;
border-width: 0;
}


.top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritem
{
border-width: 0px;
}



top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel:hover,
.top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected
{
border-width: 0;
margin-left: 0px;
}


thanks for all your help

Hi

I have resolved all the above issues via the forum

how can I add a separator between the sub menu

Hello,

Add the following CSS rules:



Regards,
ARI Soft

Hi

Thanks for ur reply

My apologies for not explaining clearly, I want to place a seperator between the different sub menu level.

I have attached a print screen for illustration.

cheers

No, this is impossible.

Regards,
ARI Soft