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

Overfilter: Scroll?


Poster: rich_a1
Dated: Saturday February 26 2005 - 21:42:22 GMT

Is there any way to get the "scrolling" effect using the overfilter property? I tried to work with the GradientWipe property, but it's not giving me the effect I want.

I'm trying to mimic this menu behavior: http://www.criticalmass.com/


Poster: Ruth
Dated: Saturday February 26 2005 - 22:55:17 GMT

Do you have a menu, or at least the data file and the page html so I can see how yours is set up? I have a couple of things I think might do something pretty similar but without seeing the menu, I don't know.

Ruth


Poster: rich_a1
Dated: Sunday February 27 2005 - 1:12:28 GMT

Yes. You've seen my page before in another post.


Poster: Ruth
Dated: Sunday February 27 2005 - 2:55:54 GMT

Howdy,

OK, I'm going to post all the answers here, though I'll also post at the other thread so if someone searches on border they'll get the answer there.

1. The reason your border shows is because you have margin=2. This is only an analogy, not exact but: think of your menu as a poster board colored that pretty blue, and then think of the items as separate things colored the same but cut out of say a magazine, and you posted each to the board. When you set margin at 2px in the main menu, it places a 2px edge around the item you 'pasted' to the board. You have padding set at 1 for that style. I elimated the margin=2 and changed the padding to 3 that kept the size and eliminated what looked like a border.

2. To get the effect you want this is what you need to do, in each submenu set top="offset=20"; You would put that here:
Code:
with(milonic=new menuname("Samples")){
margin=2;
style=XPMenuStyle;
top="offset=20";
You can figure out how much space you want between the main and submenu, don't do too much or it will close before they can get a mouse on it.

Then set the overfilter as the following:
Code:
overfilter="GradientWipe(WipeStyle=1, size=1.00, motion='Forward', duration=1.5);Alpha(style=0, opacity=90);Shadow(color='#999999', direction=135, strength=4)";
outfilter="fade(duration=0.1)";
That goes in your style definition for the XPMenuSTyle.

There is another option which gives something similar and I don't know which you would like.
Code:
overfilter="Blinds(bands=1, direction='Down', duration=1.5);Alpha(style=0, opacity=90);Shadow(color='#999999', direction=135, strength=4)";


There is also a filters demo so you can experiment with various things. It doesn't have the bbands=1 as an option however for the Blinds filter.

One final note. In your submenus, if you want them to be the same size as the main menu item, you have to figure in both the margin and the padding on both sides of the menus so the difference should be around 10 px. That won't be exact but close. I think your itemwidth, menuwidth for the submenus should be someplace around 105px.

Hope that helps.

Ruth


Poster: rich_a1
Dated: Sunday February 27 2005 - 3:43:29 GMT

Great, thanks!


Poster: Ruth
Dated: Sunday February 27 2005 - 5:20:13 GMT

It looks really good. But, isn't there always a but?? I would make the blinds duration a bit slower, .5 instead of .2, it doesn't really seem to be 'expanding' down it goes so quick on IE5.5

Ruth