eMenuTree: Non-frameset project eMenuTree: Non-frameset projectUsing an HTML editor, write some HTML files. Place these all in the same directory on your hard drive.
(1) Save your project file and your CSS file. The project file must be saved to the same directory on your hard drive as your HTML content files. (eMenuTree writes your tree menu file to the folder which your project is in, so choose this folder carefully.)
(2) If you want drop-down menus, check the drop-down menu option using the option tab.
(3) Go to "Images". Either select images or check the appropriate "don't use image" options.
Go to "Options" tab. Choose one of your HTML files as the file to preview (home page). Click the "Edit preview file" button, and use eMenuTree's editor to insert links to your CSS file and your tree menu into this file. (See the editor's quick help for further instructions.)
Add folders, pages and columns. For each page link, link to one of your HTML files, and use the "Edit above file" button to insert the tree menu and CSS links into the file.
Write the menu using the "Run / tools" menu. eMenuTree will write your menu to the file emenu.js.
After you run the project, you may use the "preview" menu to preview the home page in a browser. The first time you use eMenuTree you must select the browser or browsers you would like to use.
Go to the style sheet tab, and make changes in your style sheet. The cascading style sheet controls the font and margins used in the tree menu folder lines and link lines. You change the font or margins of a main folder, subfolder, or page link by making changes in the .mainFolderLine, .mainFolderBox, .subFolderLine, .subFolderBox, .linkLine and .linkBox classes. For more details see the Style Sheet help page.
Experiment with formatting the tree menu options. Make changes, run the project, and then view it in a browser. The left hand margin options only apply to regular tree menus (not drop-down menus).
You may change some of you links to javascript links. You may add a normal link to a URL. You can force any or all of these to open in a new window. For other possibilities see Technical help > how to.
To make a non-frame project with the tree menu at the top of the page, add columns between main folders, and place the tree menu at the top of your HTML content files.
If you want the tree menu on the right side of the page, don't add columns and put the tree menu in the right hand column of a table in your HTML content files.