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

Somebody please convince me to convert


Poster: calebgriffin
Dated: Saturday March 20 2004 - 16:03:39 GMT

I'm about to buy a pro license but I'm not sure if I should upgrade to version 5 from 3.2. I have both menus on my webserver now. I can't seem to get the version 5 to look like the version 3. Version 3 has a groovy shadow that I see no option for in Version 5. Also, Version 3 has a semi-transparency which is not in Version 5. The only reason I can come up with for wanting to upgrade is that I'm having a hard time getting Version 3 to position properly in a page that will (eventually) be centered. I'm told that Version 5 can be embedded into a table which is exactly what I need.

See the menus here.

V.3 http://helene.affordablehost.com/~freed ... pation.htm

V.5 http://helene.affordablehost.com/~freed ... blank.html

How do I get the shadow and the transparency?


Poster: Maz
Dated: Saturday March 20 2004 - 16:14:47 GMT

I don't see shadow and transparency because it only works in IE.

In the menu_data.js

these are the lines:

overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color='#777777', Direction=135, Strength=5)";
outfilter="randomdissolve(duration=0.3)";

maz


Poster: Andy
Dated: Saturday March 20 2004 - 16:21:16 GMT

Try the following:

Code:
_menuCloseDelay=500;
_menuOpenDelay=150;
_scrollAmount=3;
_scrollDelay=20;
_followSpeed=5;
_followRate=40;
_subOffsetTop=10;
_subOffsetLeft=-8;


with(style1=new mm_style()){
offcolor="#0B0955";
offbgcolor="#d1d1fe";
oncolor="#0b0955";
onbgcolor="#ffffff";
bordercolor="#000000";
borderstyle="solid";
borderwidth=1;
fontsize=14;
fontstyle="normal";
separatorsize=1;
separatorcolor="#000000"
fontweight="bold";
fontfamily="Garamond, Arial";
padding=4;
subimage="http://helene.affordablehost.com/~freedom/images/arrow.gif";
overfilter="Fade(duration=0.2);Alpha(opacity=80);Shadow(color='#777777', Direction=135, Strength=5)"
}

with(milonic=new menuname("mainmenu")){
top=115;
left=13;
itemwidth=156;
style=style1;
alwaysvisible=1;
alignment="left";
aI("text=Home  ;url=http://helene.affordablehost.com/~freedom/index2.htm;;status=Welcome to FGELC!")
aI("text=Home  ;url=http://helene.affordablehost.com/~freedom/index2.htm;;status=Welcome to FGELC!")
aI("text=Spoken Word Of God  ;showmenu=wordofgod;;status=Hear the Word Of God")
aI("text=Bible Study Center  ;showmenu=biblestudycenter;;status=Get to know the Bible")
aI("text=What\'s Happening?  ;url=http://helene.affordablehost.com/~freedom/mt/blog;;status=Church News")
aI("text=About Us  ;showmenu=aboutus;;status=Meet the family")
aI("text=Prayer Requests  ;url=http://helene.affordablehost.com/~freedom/requests.htm;;status=Let us pray for you")
aI("text=Contact Us  ;url=http://helene.affordablehost.com/~freedom/contactus.htm;;status=Speak with us")
aI("text=Church Info  ;showmenu=info;;status=Information")
aI("text=Transportation  ;url=http://helene.affordablehost.com/~freedom/transportation.htm;;status=We will pick you up")
aI("text=What We Believe  ;showmenu=believe;;status=We believe in Love")
aI("text=Emancipated Youth  ;showmenu=EG;;status=Be yourself!")
aI("text=Bible Tools  ;url=http://helene.affordablehost.com/~freedom/resources.htm;;status=Research and Learn")
}

with(milonic=new menuname("wordofgod")){
itemwidth=170;
style=style1;
aI("text=Weekly Message;url=http://helene.affordablehost.com/~freedom/weeklymsg.htm;")
aI("text=Message Archive;url=http://helene.affordablehost.com/~freedom/archive.htm;")
}

with(milonic=new menuname("biblestudycenter")){
itemwidth=170;
style=style1;
alignment="left";
aI("text=Daily Devotionals;url=http://helene.affordablehost.com/~freedom/devotionals.htm;")
aI("text=Confessions;url=http://helene.affordablehost.com/~freedom/confessions.htm;")
aI("text=Can the Bible help me with ...?;url=http://helene.affordablehost.com/~freedom/biblehelp2.htm;")
aI("text=Bible Reading Plan;url=http://helene.affordablehost.com/~freedom/yearlyplan.htm;")
}

with(milonic=new menuname("aboutus")){
itemwidth=170;
style=style1;
alignment="left";
aI("text=Our Pastor;url=http://helene.affordablehost.com/~freedom/pastor.htm;")
aI("text=Our Vision;url=http://helene.affordablehost.com/~freedom/vision.htm;")
aI("text=Integrity;url=http://helene.affordablehost.com/~freedom/integrity.htm;")
}

with(milonic=new menuname("prayercenter")){
itemwidth=170;
style=style1;
alignment="left";
aI("text=Prayer Request;url=http://helene.affordablehost.com/~freedom/requests.htm;")
aI("text=Showbread;url=http://helene.affordablehost.com/~freedom/showbread.htm;")
}

with(milonic=new menuname("believe")){
itemwidth=170;
style=style1;
alignment="left";
aI("text=Statement of Beliefs;url=http://helene.affordablehost.com/~freedom/beliefs.htm;")
aI("text=Emancipation;url=http://helene.affordablehost.com/~freedom/emancipation.htm;")
aI("text=Salvation;url=http://helene.affordablehost.com/~freedom/salvation.htm;")
aI("text=The Way We Worship;url=http://helene.affordablehost.com/~freedom/whyworship.htm;")
}

with(milonic=new menuname("info")){
itemwidth=170;
style=style1;
alignment="left";
aI("text=Service Schedule;url=http://helene.affordablehost.com/~freedom/schedule.htm;")
aI("text=Directions;url=http://helene.affordablehost.com/~freedom/directions.htm;")
aI("text=Radio;url=http://helene.affordablehost.com/~freedom/radio.htm;")
aI("text=Staff and Ministries;url=http://helene.affordablehost.com/~freedom/ministryinfo.htm;")
}

with(milonic=new menuname("EG")){
itemwidth=170;
style=style1;
alignment="left";
aI("text=Forums;url=http://helene.affordablehost.com/~freedom/forum;")
aI("text=Games;url=http://helene.affordablehost.com/~freedom/games.htm;")
aI("text=Keys For Kids;url=http://helene.affordablehost.com/~freedom/keys.htm;")
}

with(milonic=new menuname("Other")){
itemwidth=1;
style=style1;
alignment="left";
aI("text=Menu Authors Site;url=http://www.milonic.co.uk/menu;;status=Milonic DHTML Menu Site")
}



drawMenus();


YES - Convert


Poster: XcalibuR
Dated: Saturday March 20 2004 - 17:52:10 GMT

Unless you don;t like your MAC and other viewer browsers - I SERIOUSLY recommend upgrading. Will only take 1/2 day or less to understand all if you already use older 3.

And I'm no wiz.

View your site in MAC browsers and see why YOU MUST upgrade!


5+ is awsome

Thanks Andy


Poster: calebgriffin
Dated: Saturday March 20 2004 - 18:48:59 GMT

One more thing ... Is there a reason why you left this off the top of menu_data.js?

Code:
   
if(navigator.appVersion.indexOf("MSIE 6.0")>0)
{
effect="Fade(duration=0.2);Alpha(style=0,opacity=44);Shadow(color='#777777', Direction=135, Strength=5)"
}
else
{
effect="Shadow(color='#777777', Direction=135, Strength=5)"
}

One more question


Poster: calebgriffin
Dated: Saturday March 20 2004 - 18:55:41 GMT

Why did you leave this stuff out?

Code:

high3dcolor="0b0955";
low3dcolor="#000099";
headercolor="#000000";
headerbgcolor="#000000";


Poster: Maz
Dated: Saturday March 20 2004 - 21:49:48 GMT

Your first question, I believe that's already taken care of in one of the js files that checks for Nav.

Your second question, probably just include it if it works okay for you, but do add the # to the color, it won't work without it.

maz


Poster: John
Dated: Sunday March 21 2004 - 3:34:58 GMT

You said convince you. How 'bout this - v3 is no longer supported or developed... ;)


Poster: Ruth
Dated: Monday March 22 2004 - 5:25:05 GMT

Quote:
Why did you leave this stuff out
Code:
high3dcolor="0b0955";
low3dcolor="#000099";
headercolor="#000000";
headerbgcolor="#000000";
Because in your existing file you don't have any headers declared and I don't see anyplace where the high 3d/low3d is showing the aqua or dark blue.
As to switching, version 5 is fabulous, there is so much more you can do with it, it's designed to work with the more modern things browsers are doing. Test Page This is messing with styles to change the menu colors for each page as an example of some of the things you can do. Just click the test page link at the top and watch the menu switch on the next page to match the colors. [ignore some of the little glitches, they are things I'm trying with functions and such, NOT things in the menu itself. I absolutely love this menu, and I am not a code person, not into javascript and stuff, that I ask others for help, I just love the way you can make the menu individual for your site. Here's another site from someone else who designed the menu to have two menu bars one on top of the other and still have them scroll in unison. And uses the high/low 3d swap.

http://www.leicesterandleicestershire.com/ and here's one that uses a neat image design http://www.penlink.com/ and this is Maz's which uses a right side align, I still can't figure how that got done, will have to download the files and check it out. Really like that right side menu. http://www.mercuryexposure.org/index.php?m=show_doc&pid=1 These are just so you can see how versatile the menu is. I really like this menu, enough so I put a really prominent link on mine :) .

Ruth

Thanks for everything


Poster: calebgriffin
Dated: Tuesday March 23 2004 - 1:10:35 GMT

You guys have been really helpful. I upgraded and bought the license today. I was able to embed V.5 in the table just like I wanted but I still have two questions.

Perhaps, I implemented Andy's suggestion wrongly but I'm only getting the shadow effect on the submenus. The main menu has no shadow. How do I rectify that?

Secondly, why is my fontsize attribute only affecting the submenus? Nothing I've tried so far, will change the font size of the main menu.

Here's the menu to which I'm referring.

http://helene.affordablehost.com/~freedom/milonic_test/

If you'd like to see what shadow effect I desire, you can see the version 3 one here

http://helene.affordablehost.com/~freedom/

Thanks again everyone.


Poster: Maz
Dated: Tuesday March 23 2004 - 3:10:46 GMT

Try putting the fontsize in the style on menu_data.js and although this should work.

fontsize=14;

this might help:

fontsize="14px";

maz


Poster: Ruth
Dated: Tuesday March 23 2004 - 5:44:46 GMT

The reason you are not seeing it is that you have the menu in a table cell of a fixed width and with the 'shadow' it shifts the menu making the text look like it's almost off the left side and pushing it against the right side of the table making the shadow kind of disappear, since with the shadow it's wider than the declared width. After playing around I got it to work.

1. in you menu data file put the following
Code:
with(menuStyle1=new mm_style()){
offcolor="#0B0955";
offbgcolor="#d1d1fe";
oncolor="#0b0955";
onbgcolor="#ffffff";
bordercolor="#000000";
borderstyle="solid";
borderwidth=1;
separatorcolor="#2D729D";
separatorsize="1";
padding=3;
fontsize=14;
fontstyle="normal";
fontweight="bold";
fontfamily="Garamond, Arial";
pagecolor="black";
pagebgcolor="white";
headercolor="#000000";
headerbgcolor="#ffffff";
subimage="arrow.gif";
subimagepadding="1";
high3dcolor="#000000";
overfilter="Fade(duration=0.2);Alpha(opacity=85);Shadow(color='#777777', Direction=105, Strength=7)";
outfilter="randomdissolve(duration=0.3)";
}
you'll note it's almost the same as the other but with a couple of changes. If you make your font 16 the menu pushes way down the page extending that td cell. At 14 and bold it seems to fit just as the old one shows.

2. This is your main menu you have in the table with any fixes and what was needed to fix it so it would show the shadow.
Code:
with(milonic=new menuname("Main Menu")){
style=menuStyle1;
fontsize="15px";
menuwidth="99%";
itemwidth="150px";
alwaysvisible=1;
screenposition="top;left";
position="relative";
aI("text= Home;url=http://helene.affordablehost.com/~freedom/index2.htm;;status=Welcome to FGELC!;");
aI("text= Spoken Word Of  God;showmenu=wordofgod;;status=Hear the Word Of God;");
aI("text= Bible Study Center;showmenu=biblestudycenter;;status=Get to know the Bible;");
aI("text= What\'s Happening?;url=http://helene.affordablehost.com/~freedom/mt/blog;;status=Church News;");
aI("text= Prayer Requests;url=http://helene.affordablehost.com/~freedom/requests.htm;;status=Let us pray for you;");
aI("text= Contact Us;url=http://helene.affordablehost.com/~freedom/contactus.htm;;status=Speak with us;");
aI("text= Church Info;showmenu=info;;status=Information;");
aI("text= Transportation;url=http://helene.affordablehost.com/~freedom/transportation.htm;status=We will pick you up;");
aI("text= What We Believe;showmenu=believe;status=We believe in Love;");
aI("text= Emancipated  Youth;showmenu=EG;status=Be yourself!;");
aI("text= About Us;showmenu=aboutus;status=Meet the family;");
aI("text= Bible Tools;url=http://helene.affordablehost.com/~freedom/resources.htm;status=Research and Learn;");
}
drawMenus();
you already have separators defined in the menu_data file you don't need to put them here, also you needed a ; at the end after the ) I also had to put the non breaking line spaces to get it to not look as if the first letter of the text was sort of shaved on the left side.

3. In the td cell with the menu you need to add a bgcolor="#d1d1fe" that's the bgcolor of the menu.

HERE'S the page with bgcolor defined for that cell

HERE with no bgcolor defined for that cell this doesn't look too good to me.

I only have a pc, but it works on ns 4.79, 6, 7, opera 6, 7, ie 5.5 Hope that helps.

Also, I think you need to take out that coding at the top of the data file like Andy said. That seems to be how the converter 'translates' it but it's not needed since you can code the over/out filter in the styles. It was needed in version 3 I believe so that 3 would render that filter. Good luck.

Ruth

Wow


Poster: calebgriffin
Dated: Tuesday March 23 2004 - 14:34:46 GMT

Wow Ruth, I haven't tried your suggestions yet but it looks great on your site. I feel like I should bake you some brownies or something. Thanks a lot.


Poster: Ruth
Dated: Tuesday March 23 2004 - 19:28:19 GMT

You're welcome. I enjoy doing such because it gives me info on how to get certain things done. One thing, I don't think I was clear that menuStyle1 is in addition to the menuStyle you already have in the file. menuStyle for the subs and menuStyle1 for the main one in the table. There is a way to do copy of 'whatever' menu style and only list the actual different things, but I haven't looked into it. Have fun

Ruth

©1998-2012 Milonic Solutions Ltd. UK Registered Company #4406835
Privacy Policy | License Agreement | Contact Us | Tech Support