Back To Start Of Archive
Taken From The Forum: Archived Topics for the old Version 3.0 JavaScript Menu
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:28
Transparent Menus Problem
Poster: Bourne
Dated: Wednesday June 18 2003 - 17:11:26 BST
Hi everyone,
Just a quick question to see if any knows how to make the Main Menu Transparent, but make the sub menus opaque???
Cheers
Bourne
Poster: kevin3442
Dated: Tuesday July 8 2003 - 9:10:06 BST
Are you still looking for a solution to this? Do you want the main menu to be completely transparent, or just faded, like the effect used in most of the sample pages?
Kevin
Poster: Bourne
Dated: Tuesday July 8 2003 - 9:17:51 BST
What I want is the MAIN menu to be completely transparent (apart fromthe text of course), but all sub menus to be 80% transparent.
?
Cheers,
B.
Poster: kevin3442
Dated: Tuesday July 15 2003 - 20:36:51 BST
Hi Bourne,
Sorry it's taken so long to get back to you...
Here's what you can do with version 3: Create two style arrays, one for the main menu -- let's call is mainStyle -- and another for the submenus (you could probably use the one you are already using). In the mainStyle array, set the appropriate colors to "transparent" (using "" also works): e.g., make the Mouse Off Background Color amd Mouse On Background Color "transparent".
In the mainmenu array: (1) Use mainStyle in the 7th element. (2) Set the 5th element (Menu Border Width) to 0 to entirely remove the border (if you were to make the Border Color transparent in the style array, a default border seems to appear anyway, so you can set its width to 0 get rid of it entirely). (3) Make the 10th element (Effect Filter) blank, so that no effect is applied to the main menu in IE.
I assume your submenus already exhibit the fade effect that you wanted; if so, you should be able to use them as is (if not, give a holler and we can go over that next).
Hope that helps,
Kevin