Menu changes...

	Open the file Templates/Main.dwt

              Before each of the lines there is a comment explaining what 
              changes can be made - here are some examples: 

              Locate mymenu.mainmenuitemsize(135,16) - defines the width and 
              height in pixels of a menu item in the main menu. (The first one 
              to appear). 
              Locate mymenu.submenuitemsize(152,16) - defines the width and 
              height in pixels of the sub menu items.

              Locate mymenu.submenuplacing(0,0) - defines the position of the 
              sub menus in relation to the main menu.the first number will move 
              the sub menus more to the left, and the second number will move 
              the sub menus down. If the second number is negative it will 
              move the sub menus up. 

              Locate 
              mymenu.mainborderimages("images/greypixel.gif","images/clearpixel.gif","images/clearpixel.gif","images/greypixel.gif")
              mymenu.mainbordercorners("images/greypixel.gif","images/greypixel.gif","images/greypixel.gif","images/greypixel.gif")
			 - use this function if you want to define a graphical border for 
              the main menu. If you do not want to define a border for the main 
              menu, just delete this line.The images are, in order, those which 
              are to the left, right, top and bottom of the main menu and the respective corners. In this 
              example we've used a clear border with the clearpixel.gif and a top and bottom gif.

	 Locate
	 mymenu.mainborderdimensions(1,1,1)
	 - this defines the width of the borders
              
	 Locate 
              mymenu.subborderimages("images/greypixel.gif","images/greypixel.gif","images/greypixel.gif","images/greypixel.gif")
              - as mainborderimages, but for all submenus so you can define a 
              different style for sub menus. If you wish to have the same style, 
              simply define the same images. Here we've used a black border.
 
              Locate mymenu.mainborderdimensions(1,1,1) - These are the 
              dimensions of the main menu borders. The first parameter is the 
              left width, the second the right width, and the third the height 
              at both top and bottom. If you did wish the top and bottom to have 
              different heights, you can of course pad with rows of transparent 
              pixels. Again, if you do not wish to define a border, simply 
              delete this line. 
              Locate mymenu.subborderdimensions(1,1,1) - As above but for all 
              sub menus. You may notice that the left width is rather large 
              compared to the rest of the widths. This is because it has to 
              accomodate the width of the "join" graphic. (That which "joins" a 
              menu to a sub menu). It is not necessary to define a "join" 
              graphic, but the option is there if you wish. 

              Locate mymenu.mainmenucolor("#F7F7F4") - The color of the main 
              menu cells. Any valid HTML color is ok. 
			   Locate mymenu.mainmenucolorov("#FEDCA3") - The color of the main 
              menu cells mouseover. Any valid HTML color is ok.
              Locate mymenu.submenucolor("#F7F7F4") - The color of the sub menu 
              cells. 
			  Locate mymenu.submenucolorov("#FEDCA3") - The color of the sub menu 
              cells mouseover. 

	 Locate mymenu.netscapeadjust(3,3) - Unfortunately Netscape 4.7 
              does not behave quite so well with DHTML. If you find that the 
              text in the menu items is vertically aligned "top" in NN 4.7, then 
              adjusting these numbers will nudge it down by that number of 
              pixels. The first number is for the main menus, and the second for 
              the sub menus. 

	 Locate mymenu.definemainspacer("images/greypixel.gif",1)
	 - The graphic that goes between menu items in the main menu. If you do not wish 
              to define one then simply leave this line blank. 
              mymenu.definesubspacer("images/greypixel.gif",1)
 	 - As above but for sub menus.

              Locate
             mymenu.addMenu("home","O HOME", "index.htm")
	mymenu.addMenu("main","O MAIN", "#")
	mymenu.addMenu("products","O PRODUCTS", "products.htm")
	mymenu.addMenu("help","O HELP", "help.htm")
	mymenu.addMenu("links","O LINKS", "links.htm")
	mymenu.addMenu("contact","O CONTACT", "contact.htm")
	mymenu.addMenu("services","O SERVICES", "faq.htm")


              This is where you define the names that appear on the main menu. 
              For simplicity sake it's a good idea to use the same names ie. 
              dreamweaver is the name of the group that appears in the menu cell 
              with the title "dreameaver". We've put 7 headings but you can add 
              more in the same format or less by deleting the lines. The menu sits
	 in a table cell with a height set to 125 pixels - if you add more main 
	 menu options you would need to increase the height of the cell.The 
              parameters are in order, firstly, the name of the menu item (used 
              when defining sub menus), secondly, the text that appears in that 
              menu item, and thirdly the link from that that menu item. 
              Now to define the sub menu items. Here are a few of examples . . .
              
	mymenu.addSubMenu("main", "", "O ABOUT US", "about.htm")
	mymenu.addSubMenu("main", "", "O HELP", "help.htm")
	mymenu.addSubMenu("main", "", "O SERVICES", "services.htm")
	mymenu.addSubMenu("main", "", "O CONTACT", "contact.htm")
	mymenu.addSubMenu("main", "", "O EMAIL", "mailto:andy@ibswebdesign.com")

	mymenu.addSubMenu("help", "faq", "O FAQ", "#")
	mymenu.addSubMenu("help", "tutorials", "O TUTORIALS", "#")

	mymenu.addSubMenu("faq", "", "O COMPATIBILITY", "#")
	mymenu.addSubMenu("faq", "", "O DHTML MENUS", "#")
	mymenu.addSubMenu("faq", "", "O DHTML MENUS", "#")
	mymenu.addSubMenu("faq", "", "O GRAPHICS", "#")
	mymenu.addSubMenu("faq", "", "O LICENSE", "#")


	mymenu.addSubMenu("tutorials", "", "O TEMPLATE SET UP", "#")
	mymenu.addSubMenu("tutorials", "", "O INCLUDE PAGES", "#")
	mymenu.addSubMenu("tutorials", "navigation", "O NAVIGATION", "#")

	mymenu.addSubMenu("navigation", "", "O FP NAVIGATION", "#")
	mymenu.addSubMenu("navigation", "", "O DW NAVIGATION", "#")
	mymenu.addSubMenu("navigation", "", "O GL NAVIGATION", "#")


              As you can see, the parameters are in order, firstly, the name of 
              the "parent" menu, secondly, the name of the "sub" menu if any, 
              thirdly, the text that will be displayed in the menu items, and 
              finally the link if any. As you can see, you can use HTML in the 
              text that appears in the menu items, as we have here with the <b> 
              tag to show in bold. Sub menu items need to be defined one group 
              at a time. For instance you can see that all the sub menus of 
              "tutorials" are defined before starting to define any for 
              "navigation". 


	 To change the colour of the links, you'll need to open the file stylesheet.css. Change the hex
	 values to the ones that best suit your site.
	 
	NOTES:
	There is nothing in the .js file that needs editing
	You must have the files clearpixel.gif, popouttext.js and stylesheet.css in the root of your web, where your main page resides.
	You can link to another site by using a full URL - for example "http://www.thetemplatestore.com/".
	If you want to make the link open in a new window, look at the pop-out for "EXAMPLES" eg. mymenu.addSubMenu("examples", "", "<b>virtual mauve</b>", 'http://www.thetemplatestore.com/dwpopoutmauve/" target="_blank')
	Be careful with the punctuation here
	
	MORE HELP
	We've added some help files on our site if you need more information: http://www.thetemplatestore.com/help/menus.asp