Formatting Pop-up Menu Colors, Widths, and Time Delays
To edit the background color of your pop-up menu:
- Open pop-up_menu.js
file. Dreamweaver is recommended but any suitable text editor can be
used (Windows: Notepad or Wordpad, Macintosh: SimpleText).
- Near the top of the page's code, scroll to the line that reads: //START
OF CUSTOMIZED INFORMATION:
- The following should be seen:
// START OF CUSTOMIZED INFORMATION
//Miscellaneous variables for defining the pop-up boxes
var boxDelay="2"; // Delay time (in seconds) to keep the box displayed, default is "1.5" if not greater than "0".
var borderColor=""; // color of the border (IE only)
var borderLight=""; // color of the light shaded part of the border (IE only)
var borderDark="#ffffcc"; // color of the dark shaded part of the border (IE only)
var backGround="#FFE7D7"; // color of the background of the pop-ups (All Browsers)
var boxFontSize=13; //size of font (in px) for the style class boxes needs to be equal in order to work properly
var maximumMenuSize=220; //max size the menu widths can be, if no max size desired set equal to null
var pixelImage = "images/pixel.gif"; //type in the location of this image
var hoverImage = "images/hover.gif"; //type in the location of this image
- The bolded text above is the customizable information.
- Some of the customizable information is left blank, such as borderColor.
This is done if the attribute is not desired or default values wish
to be used.
- The variable pixelImage and hoverImage should not be touched unless
these images are moved from there current location in the images folder.
- The images should always be referenced as if the page is in
the first level of the site (the main directory).
- Save and close the file.
|