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/
Overfilter: Scroll?
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: 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: 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.
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
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: Select all
with(milonic=new menuname("Samples")){
margin=2;
style=XPMenuStyle;
top="offset=20";Then set the overfilter as the following:
Code: Select all
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)";There is another option which gives something similar and I don't know which you would like.
Code: Select all
overfilter="Blinds(bands=1, direction='Down', duration=1.5);Alpha(style=0, opacity=90);Shadow(color='#999999', direction=135, strength=4)";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