customization of separatorsize property...

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
User avatar
Monkee-Boy
Beginner
Beginner
Posts: 7
Joined: Sun Oct 19, 2003 11:08 pm
Location: Austin, TX
Contact:

customization of separatorsize property...

Post by Monkee-Boy »

I am having trouble customizing my menu system with the separatorsize property.

I have a horizontal image rollover menu system. When the separatorsize property appears in my menuStyle it adds a separator between each of my navigation graphics and above and below each item in my drop down menu. I want to include the separators between the items in my drop down menu, but not between my main horizontal navigation images.

I have tried adding the properties to the sub menu properties but it doesn't take. Anybody have any suggestions how to add the separators to the menus, but not the navigation graphics?

........................................................

CODE:
with(menuStyle=new mm_style()){
onbgcolor="#FFFFFF";
oncolor="#000000";
offbgcolor="#E6EDF1";
offcolor="#003366";
bordercolor="#A6BCCD";
borderstyle="solid";
borderwidth=0;
padding=4;
fontsize=11;
fontstyle="normal";
fontfamily="arial, helvetica, sans-serif";
pagecolor="";
pagebgcolor="";
headercolor="";
headerbgcolor="";
subimage="";
subimagepadding=0;
overfilter="Fade(duration=0.0);Alpha(opacity=100);Shadow(color='#FFFFFF', Direction=0, Strength=0)";
outfilter="randomdissolve(duration=0.0)";
}

with(milonic=new menuname("Main Menu")){
style=menuStyle;
top=155;
left=1;
alwaysvisible=1;
orientation="horizontal";
aI("showmenu=company;image=/esoterix/img/nav_company_off.gif;
overimage=/esoterix/img/nav_company_on.gif;url=/company/;");
}

with(milonic=new menuname("company")){
style=menuStyle;
separatorcolor="#A6BCCD";
separatorsize=1;

borderwidth=1;
bordercolor="#A6BCCD";
itemwidth=140;
left=1;
top=177;
aI("text=Company Overview;url=/company/;");
aI("text=High Science;url=/company/;");
aI("text=Superior Customer Service;url=/company/;");
aI("text=Innovative New Products;url=/company/;");
aI("text=Laboratory Locations;url=/company/;");
aI("text=Employment;url=/company/;");

}

........................................................

Any help is most appreciated!
The Monkee-Boy
http://www.monkee-boy.com
Austin, TX
User avatar
Hergio
Milonic God
Milonic God
Posts: 1123
Joined: Wed Jun 12, 2002 7:46 pm
Location: Rochester, NY

Post by Hergio »

Create two styles. In one, set the separator size, in the other, don't. And then the menu you want to have the separators, use the first style and for the others, use the second menu style.

If you look in the milonic menu samples section, you will see a multiple styles section. There is a really easy way to make a copy of a menu style and then override certain properties so you can have nearly identical menu styles with slight changes very easily. And then in the future, if you want to change something throughout all the menus, you only need to change it in the very first menu that any copies are made from. Hope this helps!
Dave Hergert
Software Engineer
"Helping to make the menu better, one :?: at a time."
Post Reply