Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:03

customization of separatorsize property...


Poster: Monkee-Boy
Dated: Sunday October 19 2003 - 23:29:40 BST

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!


Poster: Hergio
Dated: Tuesday October 21 2003 - 22:00:48 BST

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!