Problem with the colors of the menu

[varmandra]

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: Select all

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();

[Ruth]

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: Select all

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: Select all

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

[varmandra]

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

[Ruth]

Hi,

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

Code: Select all

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

and a menu background image in the vertStyle

Code: Select all

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