IS there any skin available rather than sam in yui ...

I also have same problem. I want to install a theming by using yui menus. If you can provide skins, it will be very helpful.

Actually i am not a html/css man. I had requested a guy how can help to improve the module to use theming. But could not get any help. I will very happy if there is an advise to improve the module for theming.

I think you can enlarge the font size by adding the following code to your css file which is menu.css under the theme/yourtheme directory.

.yui-skin-sam .yuimenubar {
  font-size:120%;
}

One of my websites are Red, and the Yui Menu is blue. Any advice to make it red too?

Thank you

I've done it. Adding the following code to the style.css under the theme/yourtheme directory.

.yui-skin-sam .yuimenuitem-selected {

    background-color: #e5acac;

}

Did it work for you?

ya.

Was thinking to use YUI and then used CCK with CCK Fieldgroup Tabs module it fixed my problem.
The perfect module what i was searching for.

Thanks to CCK!

HI xcorex,

Can u please tell me how to change the text colour in YUI menu button,
I need to change text color of yui-skin-sam to white , is it possible?

Thanks

Hello dvkd,
How could you read a white text inside the white white menu?

hi,

you can style the menu by yourself. Edit yuimenu.css in modules/yuimenu folder.

here some examples:

#yuimenu ul li
{
position: relative;
z-index: 10;
background-image: none;
background-color: #aaa;
border-right:0px;
}

#yuimenu ul{
background-color: #acacac;
}

#yuimenu .yuimenubarnav .yuimenubaritemlabel-hassubmenu{color:#fff;}
#yuimenu .yuimenubarnav .yuimenubaritemlabel:hover{color:#aaa;}
#yuimenu .yuimenubarnav .yuimenubaritemlabel{color:#fff;}

#yuimenu ul li.yuimenuitem{width:100%;}
#yuimenu ul li.yuimenuitem a{color:#fff;min-width:150px;}
#yuimenu ul li a.yuimenuitemlabel-hassubmenu{color:#fff; text-decoration:underline;}
#yuimenu ul li a.yuimenuitemlabel-selected{color:#aaa;}
#yuimenu ul li a.yuimenuitemlabel{color#fff;}

install firebug or webdeveloper for IE to see which class has to be changed.

Hope that helps for Drupal 5.x too.
DaHarry

Hi xcorex,

i forgot to inform u that i have changed the color of white menu to blue , but now i want to change the color of text to white

Thanks

Ok dvkd,

I'm not using this menu right now, but ill try to help.
Into the css statement that you changed the color of the background to blue, insert this line:

color:#fff;

If it couldn't help, try the DaHarry approach.

Hi DaHarry,

Thanks for ur support ,I copied the code which u gave in yuimenu.css but , no changes occured when i refreshed the page.
Is there anything else to be done

hI DAHArry

I copied the code in style sheet of the theme ,and its working fine ,

Thank u

Hi DaHarry

Can u please tell me how to give borders to YUI sub menus?

thank u

Hi dvkd,

with the code above you overwrite the difined style of the yuimenu in your theme. thats the right way. you can redefine all stylesheets by simply find out which classname has to be redefined. to find out which id and classnames you should change try firebug or ms developer toolbar. both where working fine for me. simply navigate in the generated html-code to the elements you want to restyle. there you will find the classnames which has to be redefined in your theme css file. if nothing changes after redefinition your overwritten class may be wrong or tag navigations are not complete. try something like

#yuimenu ul li ul{border:1px solid black}

for me it is working fine.

The skinning guide for YUI menus might be of interest for some people. See http://developer.yahoo.com/yui/menu/#skinref

How can I change the max link depth of the menu. I would only like to show only the primary link + 1 set of child links. Is this possible?