Rank: Newbie
Groups: Member
Joined: 1/21/2008
Posts: 2
|
I am having a really tough time getting the Slidemenu to pick the CSS Class that I have created. Where should I specify the class to use
.eotopnav
{
FONT-WEIGHT: normal;
COLOR: #ffffff;
LINE-HEIGHT: normal;
FONT-FAMILY: Verdana, Arial,Geneva, Helvetica, sans-serif;
TEXT-DECORATION: none
font-size:x-large;
background-image : url(../images/templates/headers/99/bg_topnav.gif);
}
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,218
|
Hi,
There are two things that you want to know before getting into the detail:
1. Styles are applied either on "Menu Item Group" or "Menu Item", not on the slide menu itself. A menu item group is basically a sub menu. For slide menu, the top menu item group is SlideMenu.TopGroup, which appears as the slide menu itself. There can also be child menu items, those sub menu can have different styles;
2. If you want your style to be applied to a menu item, then a set of styles, instead of a single style is used. For example, usually you want a menu item to have a different style when mouse moves over it. That means a separate style for "hover" state. There are additional style for "down", "disabled" states, etc;
So in order to apply your style, you need to have answers for these two questions first:
1. On which object, specifically, which menu item group, or which menu item you want to apply the style;
2. For which state of the object you determined on step 1 (normal, hover, down, disabled, etc) you want to apply the style;
If you are a bit confused about those, you will want to go over EO.Web Slide Menu -> Using EO.Web Slide Menu -> Styles and Appearance section. Everything is explained there in great detail.
Once you are clear about that, you would just set the CssClass property of the corresponding style property. For example, you can set SlideMenu1.TopGroup.Style.CssClass to "eotopnav". That will change the slide menu's "top menu item group"'s style.
Thanks
|