I was trying out this menu, and it's awesome, but it changes position if the computer has a different resolution. I did a search here and noticed something that addresses it, but the advice given didn't match the code I have, so perhaps someone else can help.
I just want to place the menu somewhere specific, and I don't want it to move no matter what resolution or monitor the person may be using.
Here is the code I have in one of the two .JS files. The other code section is too lengthy to post:
Code: Select all
menunum=0;menus=new Array();_d=document;function AddMenu(){menunum++;menus[menunum]=menu;}function dumpmenus(){mt="<script language=javascript>";for(a=1;a<menus.length;a++){mt+=" menu"+a+"=menus["+a+"];"}mt+="<\/script>";_d.write(mt)}
if(navigator.appVersion.indexOf("MSIE 6.0")>0)
{
effect = "Fade(duration=0.2);Alpha(style=0,opacity=88);Shadow(color='#777777', Direction=135, Strength=5)"
}
else
{
effect = "Shadow(color='#777777', Direction=135, Strength=5)"
}
timegap=100 // Menu Visibility Time
followspeed=5 // Follow Scrolling Speed
followrate=0 // Follow Scrolling Rate
suboffset_top=10; // Sub menu offset Top position
suboffset_left=10; // Sub menu offset Left position
MenuStyle=[ // MenuStyle is an array of properties. You can have as many property arrays as you need. This means that menus can have their own style.
"ffffff", // Mouse Off Font Color
"000000", // Mouse Off Background Color
"7F8F9A", // Mouse On Font Color
"000000", // Mouse On Background Color
"", // Menu Border Color
10, // Font Size in pixels
"normal", // Font Style (italic or normal)
"bold", // Font Weight (bold or normal)
"Arial,Verdana,Tahoma", // Font Name
0, // Menu Item Padding
"", // Sub Menu Image (Leave this blank if not needed)
, // 3D Border & Separator bar
"", // 3D High Color
"", // 3D Low Color
"7F8F9A", // Current Page Item Font Color (leave this blank to disable)
"000000", // Current Page Item Background Color (leave this blank to disable)
"", // Top Bar image (Leave this blank to disable)
"000000", // Menu Header Font Color (Leave blank if headers are not needed)
"", // Menu Header Background Color (Leave blank if headers are not needed)
]
SubMenuStyle=[ // MenuStyle is an array of properties. You can have as many property arrays as you need. This means that menus can have their own style.
"FFFFFF", // Mouse Off Font Color
"300000", // Mouse Off Background Color
"FFFFFF", // Mouse On Font Color
"3d0000", // Mouse On Background Color
"", // Menu Border Color
10, // Font Size in pixels
"normal", // Font Style (italic or normal)
"normal", // Font Weight (bold or normal)
"Arial,Verdana,Tahoma", // Font Name
5, // Menu Item Padding
"", // Sub Menu Image (Leave this blank if not needed)
, // 3D Border & Separator bar
"", // 3D High Color
"", // 3D Low Color
"B8C4CF", // Current Page Item Font Color (leave this blank to disable)
"", // Current Page Item Background Color (leave this blank to disable)
"", // Top Bar image (Leave this blank to disable)
"ffffff", // Menu Header Font Color (Leave blank if headers are not needed)
"", // Menu Header Background Color (Leave blank if headers are not needed)
]
AddMenu(menu=[ // This is the array that contains your menu properties and details
"MainMenu", // Menu Name - This is needed in order for the menu to be called
233, // Menu Top - The Top position of the menu in pixels
250, // Menu Left - The Left position of the menu in pixels
, // Menu Width - Menus width in pixels
0, // Menu Border Width
, // Screen Position - here you can use "center;left;right;middle;top;bottom" or a combination of "center:middle"
MenuStyle, // Properties Array - this is set higher up, as above
1, // Always Visible - allows the menu item to be visible at all time (1=on/0=off)
"left", // Alignment - sets the menu elements text alignment, values valid here are: left, right or center
, // Filter - Text variable for setting transitional effects on menu activation - see above for more info
0, // Follow Scrolling - Tells the menu item to follow the user down the screen (visible at all times) (1=on/0=off)
1, // Horizontal Menu - Tells the menu to become horizontal instead of top to bottom style (1=on/0=off)
0, // Keep Alive - Keeps the menu visible until the user moves over another menu or clicks elsewhere on the page (1=on/0=off)
, // Position of TOP sub image left:center:right
, // Set the Overall Width of Horizontal Menu to 100% and height to the specified amount (Leave blank to disable)
, // Right To Left - Used in Hebrew for example. (1=on/0=off)
0, // Open the Menus OnClick - leave blank for OnMouseover (1=on/0=off)
, // ID of the div you want to hide on MouseOver (useful for hiding form elements)
, // Reserved for future use
, // Reserved for future use
, // Reserved for future use
,"<img src='/Site/Index/IndexMenu(Home).jpg' border='0'>", "#", "#", "", 0
,"<img src='/Site/Index/IndexMenuStroke.jpg' border='0'>", "#", "#", "", 0
,"<img src='/Site/Index/IndexMenu(TheDriver).jpg' border='0'>", "show-menu=TheDriver", "#", "", 0
,"<img src='/Site/Index/IndexMenuStroke.jpg' border='0'>", "#", "#", "", 0
,"<img src='/Site/Index/IndexMenu(TheTeam).jpg' border='0'>", "#", "#", "", 0
,"<img src='/Site/Index/IndexMenuStroke.jpg' border='0'>", "#", "#", "", 0
,"<img src='/Site/Index/IndexMenu(TheCar).jpg' border='0'>", "#", "#", "", 0
,"<img src='/Site/Index/IndexMenuStroke.jpg' border='0'>", "#", "#", "", 0
,"<img src='/Site/Index/IndexMenu(TheSponsors).jpg' border='0'>", "#", "#", "", 0
,"<img src='/Site/Index/IndexMenuStroke.jpg' border='0'>", "#", "#", "", 0
,"<img src='/Site/Index/IndexMenu(TheFans).jpg' border='0'>", "#", "#", "", 0
,"<img src='/Site/Index/IndexMenuSpace.jpg' border='0'>", "#", "#", "", 0
,"<img src='/Site/Index/IndexMenu(MemberZone).jpg' border='0'>", "#", "#", "", 0
])
// Menu Specifications: Begin
AddMenu(menu=["TheDriver",
273,352,160,0,"",SubMenuStyle,,"left",,,0,,,,,,,,,,
,"Profile","#",,"Profile",
,"History","#",,"History",
,"Statistics","#",,"Statistics",
,"At Home","#",,"At Home",
])
// Menu Specifications: End
dumpmenus()
