This menu is made of the following : A javascript file named menuscript.js, it contains all the code to create the sub menus and mouse over effect. In this file you can edit the text, links and targets of the sub menus. A CSSstyle sheet file named menustyle.css, it is used to create the look of the sub menus. In this file you can change the colors and overall look of the sub menus. 50 PNG images files for the main menu buttons. Those files are in a folder called : buttons/ The present HTML file called open_me.html, with the CODES you need to put in your web page to display the menu. CAUTION if you modify the provided HTML, CSS or Javascript codes your menu may not work anymore.

Installation : 1. Create the button's folder, and put button images in it. The button's folder must be in the same directory as the web page that will display your menu. For example : If your web page is here : http://www.mydomain.com/index.html Your button's folder must be here : http://www.mydomain.com/buttons/ 2. Put the menuscript.js and menustyle.css files in your web page folder. The menuscript.js and menustyle.css files must be in the same directory as the web page that will display your menu. For example : If your web page is here : http://www.mydomain.com/index.html Your menuscript.js file must be here : http://www.mydomain.com/menuscript.js And your menustyle.css file must be here : http://www.mydomain.com/menustyle.css 3. Insert the HTML tag for javascript and sub menus. This is the HTML code that calls the javascript and CSS style sheet files ( menuscript.js and menustyle.css ). You must insert it in the HEAD part of your HTML document. <script src="menuscript.js" language="javascript" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="menustyle.css" media="screen, print" /> 4. Insert the HTML tag to display the menu. This is the HTML code to display the menu. You must insert it in the BODY part of your HTML document. <table border="0" cellpadding="0" cellspacing="0"><tr><td> <a href="Alabama" onmouseover="setOverImg_StateMenu1('1','_StateMenu1');" onmouseout="setOutImg_StateMenu1('1','_StateMenu1');" target=""><img src="buttons/button1up_StateMenu1.png" border="0" id="button1_StateMenu1" vspace="1" hspace="0"></a><br> <a href="Alaska" onmouseover="setOverImg_StateMenu1('2','_StateMenu1');" onmouseout="setOutImg_StateMenu1('2','_StateMenu1');" target=""><img src="buttons/button2up_StateMenu1.png" border="0" id="button2_StateMenu1" vspace="1" hspace="0"></a><br> <a href="American Samoa" onmouseover="setOverImg_StateMenu1('3','_StateMenu1');" onmouseout="setOutImg_StateMenu1('3','_StateMenu1');" target=""><img src="buttons/button3up_StateMenu1.png" border="0" id="button3_StateMenu1" vspace="1" hspace="0"></a><br> <a href="Arizona" onmouseover="setOverImg_StateMenu1('4','_StateMenu1');" onmouseout="setOutImg_StateMenu1('4','_StateMenu1');" target=""><img src="buttons/button4up_StateMenu1.png" border="0" id="button4_StateMenu1" vspace="1" hspace="0"></a><br> <a href="Arkansas" onmouseover="setOverImg_StateMenu1('5','_StateMenu1');" onmouseout="setOutImg_StateMenu1('5','_StateMenu1');" target=""><img src="buttons/button5up_StateMenu1.png" border="0" id="button5_StateMenu1" vspace="1" hspace="0"></a><br> <a href="California" onmouseover="setOverImg_StateMenu1('6','_StateMenu1');" onmouseout="setOutImg_StateMenu1('6','_StateMenu1');" target=""><img src="buttons/button6up_StateMenu1.png" border="0" id="button6_StateMenu1" vspace="1" hspace="0"></a><br> <a href="Colorado" onmouseover="setOverImg_StateMenu1('7','_StateMenu1');" onmouseout="setOutImg_StateMenu1('7','_StateMenu1');" target=""><img src="buttons/button7up_StateMenu1.png" border="0" id="button7_StateMenu1" vspace="1" hspace="0"></a><br> <a href="Connecticut" onmouseover="setOverImg_StateMenu1('8','_StateMenu1');" onmouseout="setOutImg_StateMenu1('8','_StateMenu1');" target=""><img src="buttons/button8up_StateMenu1.png" border="0" id="button8_StateMenu1" vspace="1" hspace="0"></a><br> <a href="Delaware" onmouseover="setOverImg_StateMenu1('9','_StateMenu1');" onmouseout="setOutImg_StateMenu1('9','_StateMenu1');" target=""><img src="buttons/button9up_StateMenu1.png" border="0" id="button9_StateMenu1" vspace="1" hspace="0"></a><br> <a href="District of Columbia" onmouseover="setOverImg_StateMenu1('10','_StateMenu1');" onmouseout="setOutImg_StateMenu1('10','_StateMenu1');" target=""><img src="buttons/button10up_StateMenu1.png" border="0" id="button10_StateMenu1" vspace="1" hspace="0"></a><br> <a href="Florida" onmouseover="setOverImg_StateMenu1('11','_StateMenu1');" onmouseout="setOutImg_StateMenu1('11','_StateMenu1');" target=""><img src="buttons/button11up_StateMenu1.png" border="0" id="button11_StateMenu1" vspace="1" hspace="0"></a><br> <a href="Georgia" onmouseover="setOverImg_StateMenu1('12','_StateMenu1');" onmouseout="setOutImg_StateMenu1('12','_StateMenu1');" target=""><img src="buttons/button12up_StateMenu1.png" border="0" id="button12_StateMenu1" vspace="1" hspace="0"></a><br> <a href="Guam" onmouseover="setOverImg_StateMenu1('13','_StateMenu1');" onmouseout="setOutImg_StateMenu1('13','_StateMenu1');" target=""><img src="buttons/button13up_StateMenu1.png" border="0" id="button13_StateMenu1" vspace="1" hspace="0"></a><br> <a href="Hawaii" onmouseover="setOverImg_StateMenu1('14','_StateMenu1');" onmouseout="setOutImg_StateMenu1('14','_StateMenu1');" target=""><img src="buttons/button14up_StateMenu1.png" border="0" id="button14_StateMenu1" vspace="1" hspace="0"></a><br> <a href="Idaho" onmouseover="setOverImg_StateMenu1('15','_StateMenu1');" onmouseout="setOutImg_StateMenu1('15','_StateMenu1');" target=""><img src="buttons/button15up_StateMenu1.png" border="0" id="button15_StateMenu1" vspace="1" hspace="0"></a><br> <a href="Illinois" onmouseover="setOverImg_StateMenu1('16','_StateMenu1');" onmouseout="setOutImg_StateMenu1('16','_StateMenu1');" target=""><img src="buttons/button16up_StateMenu1.png" border="0" id="button16_StateMenu1" vspace="1" hspace="0"></a><br> <a href="Indiana" onmouseover="setOverImg_StateMenu1('17','_StateMenu1');" onmouseout="setOutImg_StateMenu1('17','_StateMenu1');" target=""><img src="buttons/button17up_StateMenu1.png" border="0" id="button17_StateMenu1" vspace="1" hspace="0"></a><br> <a href="Iowa" onmouseover="setOverImg_StateMenu1('18','_StateMenu1');" onmouseout="setOutImg_StateMenu1('18','_StateMenu1');" target=""><img src="buttons/button18up_StateMenu1.png" border="0" id="button18_StateMenu1" vspace="1" hspace="0"></a><br> <a href="Kansas" onmouseover="setOverImg_StateMenu1('19','_StateMenu1');" onmouseout="setOutImg_StateMenu1('19','_StateMenu1');" target=""><img src="buttons/button19up_StateMenu1.png" border="0" id="button19_StateMenu1" vspace="1" hspace="0"></a><br> <a href="Kentucky" onmouseover="setOverImg_StateMenu1('20','_StateMenu1');" onmouseout="setOutImg_StateMenu1('20','_StateMenu1');" target=""><img src="buttons/button20up_StateMenu1.png" border="0" id="button20_StateMenu1" vspace="1" hspace="0"></a><br> <a href="Louisiana" onmouseover="setOverImg_StateMenu1('21','_StateMenu1');" onmouseout="setOutImg_StateMenu1('21','_StateMenu1');" target=""><img src="buttons/button21up_StateMenu1.png" border="0" id="button21_StateMenu1" vspace="1" hspace="0"></a><br> <a href="Maine" onmouseover="setOverImg_StateMenu1('22','_StateMenu1');" onmouseout="setOutImg_StateMenu1('22','_StateMenu1');" target=""><img src="buttons/button22up_StateMenu1.png" border="0" id="button22_StateMenu1" vspace="1" hspace="0"></a><br> <a href="Maryland" onmouseover="setOverImg_StateMenu1('23','_StateMenu1');" onmouseout="setOutImg_StateMenu1('23','_StateMenu1');" target=""><img src="buttons/button23up_StateMenu1.png" border="0" id="button23_StateMenu1" vspace="1" hspace="0"></a><br> <a href="Massachusetts" onmouseover="setOverImg_StateMenu1('24','_StateMenu1');" onmouseout="setOutImg_StateMenu1('24','_StateMenu1');" target=""><img src="buttons/button24up_StateMenu1.png" border="0" id="button24_StateMenu1" vspace="1" hspace="0"></a><br> <a href="Michigan" onmouseover="setOverImg_StateMenu1('25','_StateMenu1');" onmouseout="setOutImg_StateMenu1('25','_StateMenu1');" target=""><img src="buttons/button25up_StateMenu1.png" border="0" id="button25_StateMenu1" vspace="1" hspace="0"></a><br> </td></tr></table> CAUTION if you modify the provided HTML, CSS or Javascript codes your menu may not work anymore.

Link Back : If you use this menu, YOU MUST PUT A LINK BACK to ButtonGenerator.com. Click here for more details. If you don't want to link back, you can sign-up to the members area. All buttons and menus are COPYRIGHT © 2003-04 ButtonGenerator.com All rights reserved. You cannot offer the buttons on your clipart or template site. You cannot resell the buttons.