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:44

Problem with the colors of the menu


Poster: varmandra
Dated: Saturday January 13 2007 - 0:13:37 GMT

Hello
I am from germany and new here.

I want to us the milonic menu, so i install it and start to change it to my style. i change the colors ind the menu_data.js, but no all colors work.

in the horizontal menu the oncolor doesn´t work

in the vertical menu the offcolor doesn´t work (i want to keep a two colored background but in the colors #ffc271 and #efc9be

see here http://varmandra.com/test/ (if the server is not down)

when there is the color #ffffff i didn´t saw any change in the menu when i change the color

here the menu_data.js


Code:
fixMozillaZIndex=true; //Fixes Z-Index problem  with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=500; //Zeit bis zum verschwinden nach onmouseout
_menuOpenDelay=150; //Zeit bis zum erscheinen bei onmouseover
_subOffsetTop=0;
_subOffsetLeft=0;




with(horizStyle=new mm_style())
   {
   bordercolor="#d06f78"; // Äusererrand
   borderstyle="solid";
   borderwidth=1;
   fontfamily="arial, tahoma";
   fontsize="72%";
   fontstyle="normal";
   headerbgcolor="#ffffff"; //Scheint egal zu sein
   headerborder=1;
   headercolor="#ffffff"; //Scheint egal zu sein
   offbgcolor="#efc9be"; //Hintergrundfarbe
   offcolor="#c30e43"; //Schriftfarbe
   onbgcolor="ffc271"; //Scheint egal zu sein
   onborder="1px solid #d06f78"; //Äusenrand onmouseover
   oncolor="#c30e43"; // Schriftfarbe onmouseover
   onsubimage="./content/images/menu/on_downboxed.gif";
   overbgimage="./content/images/menu/backon_beige.gif";
   padding=3;
   pagebgcolor="#ffffff"; //Scheint egal zu sein
   pagecolor="black"; //Scheint egal zu sein
   pageimage="./content/images/menu/db_red.gif";
   separatoralign="right";
   separatorcolor="#ffffff"; //Scheint egal zu sein
   separatorwidth="85%";
   subimage="./content/images/menu/downboxed.gif"; //Bild für Hinweis auf Untermenu
   }

with(vertStyle=new mm_style())
   {
   styleid=1;
   bordercolor="#d06f78"; //Dropdownmenurand
   borderstyle="solid";
   borderwidth=1;
   fontfamily="arial, tahoma";
   fontsize="72%";
   fontstyle="normal";
   headerbgcolor="#ffffff"; //Scheint egal zu sein
   headerborder=1;
   headercolor="#ffffff"; //Scheint egal zu sein
   image="./content/images/menu/18_blank.gif";
   imagepadding=3;
   menubgimage="./content/images/menu/backoff_green.gif";
   offbgcolor="transparent";
   offcolor="#c30e43"; //Dropdownmenu Schrift
   onbgcolor="#ffc271"; //Dropdownmenu Auswahltfarbe
   onborder="1px solid #d06f78"; //Dropdownmenu Auswahlrand
   oncolor="#c30e43"; //Dropdownmenu Schrift onmouseover
   onsubimage="./content/images/menu/on_13x13_greyboxed.gif";
   outfilter="randomdissolve(duration=0.2)";
   overfilter="Fade(duration=0.1);Alpha(opacity=95);Shadow(color=#777777', Direction=135, Strength=3)";
   padding=3;
   pagebgcolor="#ffffff";//Scheint egal zu sein
   pagecolor="black"; //Scheint egal zu sein
   pageimage="./content/images/menu/db_red.gif";
   separatoralign="right";
   separatorcolor="#ffffff"; //Scheint egal zu sein
   separatorpadding=1;
   separatorwidth="85%";
   subimage="./content/images/menu/black_13x13_greyboxed.gif";
   menubgcolor="#ffffff"; //Scheint egal zu sein
   }

with(milonic=new menuname("Sample mainmenu"))
   {
   alwaysvisible=1;
   left=10;
   margin=2;
   orientation="horizontal";
   style=horizStyle;
   top=10;
   aI("text=Startseite;title=Zurück zur Startseite;url=/start.html;");
   aI(";text=Unser Team;title=Unser Team;url=/team.html");
   aI("showmenu=behandlung;text=Behandlungsbereiche;");
   aI("text=Gästebuch;url=gast.html;");
   aI("text=Mandalas;url=mandalas.html;");
   aI("text=Kontaktformular;url=kontakt.html;");
   aI("text=Wegbeschreibung;url=/weg.html;");
   aI("text=Virtueller Praxis Rundgang;url=gang.html;");
   }

with(milonic=new menuname("behandlung"))
   {
   margin=3;
   style=vertStyle;
   top="offset=2";
   aI("image=./content/images/menu/18_faq.gif;separatorsize=1;text=Ergotherapie;url=/ergo.html;");
   aI("image=./content/images/menu/18_testimonial.gif;text=Logopädie;url=/logo.html;");
   aI("image=./content/images/menu/18_corporate.gif;text=Physiotherapie;url=/physio.html;");
   aI("image=./content/images/menu/18_nonprofit.gif;text=Wellness;url=/wellness.html;");
   }

drawMenus();


Poster: Ruth
Dated: Saturday January 13 2007 - 1:44:43 GMT

Hi,

What exactly do you want to happen. You have both the oncolor and offcolor set as the same color in the menus #c30e43";

If you are talking about background color you are not seeing it when you mouseover because you are using a background image.

Code:
overbgimage="./content/images/menu/backon_beige.gif";


So when you mouseover a horizontal menu item you get that bg image to show rather than the bgcolor.

In the vertical menu the offbgcolor is set to transparent so you only see the menubgimage which is the two tone green and white.

So if you want the main menu to be ffc271 when you mouseover it, first add a # in front of it, and then remove or put // in front of this line

Code:
overbgimage="./content/images/menu/backon_beige.gif";


and if you want the vertical menu to be some color in the off mouse position change offbgcolor="transparent"; to the color you want and remove the menubgimage.

Ruth


Poster: varmandra
Dated: Saturday January 13 2007 - 21:14:29 GMT

Tanks a lot, i don´t see that i use a picture as a backgropund and in the documantation on milonic i did´t find something about that.

BdT
Frank


Poster: Ruth
Dated: Sunday January 14 2007 - 2:41:30 GMT

Hi,

There is a background listed in the horizStyle of your menu_data.js file

Code:
overbgimage="./content/images/menu/backon_beige.gif";


and a menu background image in the vertStyle

Code:
menubgimage="./content/images/menu/backoff_green.gif";