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:22
Main Menu shadows/3d/gradient
Poster: ssalter
Dated: Saturday June 26 2004 - 2:35:32 BST
I am new with Milonic menus but I've tried to search through the forums for everything applicable. I still can't quite figure out how to make my main menu titles "3d" or "drop shadowed" or "gradient".
Note, I just want the top level menu title to be this way, I have another style definition for the submenus and items.
Here is my main menu style:
Code:
with(mainmenu=new mm_style()){
onbgcolor="transparent";
oncolor="red";
offbgcolor="transparent";
offcolor="#ffffff";
padding=10;
fontsize="150%";
fontstyle="bold";
fontfamily="Verdana, Tahoma, Arial";
}
onbgcolor="transparent";
oncolor="red";
offbgcolor="transparent";
offcolor="#ffffff";
padding=10;
fontsize="150%";
fontstyle="bold";
fontfamily="Verdana, Tahoma, Arial";
}
This works good to a point. Background is transparent so I just see white text with the background graphic behind. I mouseover and the main menu item turns red. So, how can I add a drop shadow effect, or a "3d" effect or a gradient type filter effect to those top level menus?
Thanks,
Steve
ps: Due to the ability to show up on top of PDF files loaded into an iframe, Milonic wins my "utterly fantastic software" award for the decade. I searched for solutions to that problem but to no avail until I discovered Milonic.[/code]
Poster: Ruth
Dated: Saturday June 26 2004 - 2:52:27 BST
Are you talking about putting a drop shadow on the menu? Which will only show in internet explorer, by the way? If so that is done with the overfilters
Code:
overfilter="Shadow(color='#000000', direction=135, strength=3)";
That will give you a shadow effect on whichever menu you put the code in the style. So, if you only have one style it will appear on all menus, if you only want it on the main one, then you can make a second style by copying the main one, renaming it to something liek subStyle and just leaving out that code. The code would be put after the last thing you listed in your post as part of the global style.
Ruth
Poster: ssalter
Dated: Saturday June 26 2004 - 3:20:41 BST
Hi, thanks for the prompt response!
Ok, I have this now:
Code:
with(mainmenu=new mm_style()){
high3dcolor="#ffffff";
low3dcolor="#000000";
onbgcolor="transparent";
oncolor="red";
offbgcolor="transparent";
offcolor="#ffffff";
padding=10;
fontsize="150%";
fontstyle="bold";
fontfamily="Verdana, Tahoma, Arial";
overfilter="Shadow(color='#000000', direction=135, strength=3)";
}
high3dcolor="#ffffff";
low3dcolor="#000000";
onbgcolor="transparent";
oncolor="red";
offbgcolor="transparent";
offcolor="#ffffff";
padding=10;
fontsize="150%";
fontstyle="bold";
fontfamily="Verdana, Tahoma, Arial";
overfilter="Shadow(color='#000000', direction=135, strength=3)";
}
and the main (top level) menu is defined as:
Code:
with(milonic=new menuname("Main Menu")){
style=mainmenu;
position="relative"
alwaysvisible=1;
orientation="horizontal";
aI("text=Home;");
aI("text=WebTools;showmenu=webtools;");
aI("text=Departments;showmenu=departments;");
aI("text=Public Resources;showmenu=publicresources;");
aI("text=Links;showmenu=Links;");
aI("text=My Milonic;showmenu=MyMilonic;");
}
style=mainmenu;
position="relative"
alwaysvisible=1;
orientation="horizontal";
aI("text=Home;");
aI("text=WebTools;showmenu=webtools;");
aI("text=Departments;showmenu=departments;");
aI("text=Public Resources;showmenu=publicresources;");
aI("text=Links;showmenu=Links;");
aI("text=My Milonic;showmenu=MyMilonic;");
}
and my main menu looks like the following: (the red arrow points to the white menu text)
[/img]
It doesn't look like I am getting a drop shadow. Using IE6 on WinXP. Hmmm, I must be missing something obvious here.
Poster: Ruth
Dated: Saturday June 26 2004 - 4:06:44 BST
Actually, there is a shadow but because you have a transparent background and no borders and the menu is over a dark color picture you are not seeing it. It's actually on the text, at least in ie5.5. Change the #000000 to #FF0000 [red] so you can test it and you will see it around the letters. Which will then be solid red when you mouseover so it won't have a shadow effect. If you put the shadow color #ffffff, which is the color of the text you will see it, and you will also see it when you mouseover because the red letters would look like they have a white shadow. Be careful using shadow because it can blur the letters if you make it too strong. I'd move it down to even 2 instead of 3 the shadow will still show but the letters won't looked smeared.
Ruth