Installing and Configuring Navigator Files

Installation

• 1. Download and extract the Navigator Zip file.
• 2. Files have prefixes sn_ [site Navigator] or snp_ [site Navigator programming] so as not to conflict with image or lib folders already on your site.
• 3. Upload the files to your web server, retaining the folder order from the downloaded set of files. Do not upload the base “Navigator” folder, just upload all its files and folders into the root folder of your website. NOTE: if you already have an index.php, rename the Navigator index.php file before you upload it so it won’t overwrite your current home page (leave the .php extension).
• 4. Using your website control panel, create a database, a database user with full permissions, and a password. If you need help with this, please contact your web host or Autograff.
• 5. Using a text editor, such as Notepad, enter the database name, username and password in sn_vars.php, which is in the folder snp_lib.
• 6. Upload sn_vars.php.
• 7. Navigate to index_edit.php (http://www.yoursite.com/index_edit.php).
• 8. If you have set the database information correctly, you will see a page with default login information provided. Log in with this information to see the Navigator editor page. If you receive an error, read it closely, and check your database settings carefully.
  
• 9. Once you are logged in to the Editor page, click the link for User Management. Edit the default login, and change it to your own login information. This is important for security reasons, as the default login information is the same for all Navigator installations!
• 10. Click Return to Editor.
• 11. Congratulations! Your installation is finished. You are ready to edit your website, or provide the link and login for your client to edit it.

Configuration

• 1. The only files you need to edit are sn_vars.php, index.php, sn_styles.css, and sn_dropdown_appearance.css. All other files in the snp_lib folder besides sn_vars.php are encrypted, and not editable.
• 2. Open index.php (or whatever you’ve renamed it to) in your web editor, such as Dreamweaver, Notepad, or BBEdit.
• 3. Leave the php expressions at the top of the file and in the body section of the page exactly as they are.
• 4. Enter your page title, keywords, and description.
• 5. Leave the css and javascript links untouched.
• 6. In the global menu area, if you rename the global menu div ID, you will need to change the javascript expression in that element to reflect the changed name:
  <div id="global">
  <? nestedmenus(); ?> [DO NOT EDIT THIS EXPRESSION]
  <script>dropdowns("global");</script>
• 7. Change any other text on the page to your own appropriate text.
• 8. Edit sn_styles.css to match your site design (see our page on editing Navigator css).
• a. There is an enormous amount of design you can do just with the CSS file. We have provided the basic page elements for most websites. Their ID and Class names are reflected in the CSS. If you change an element ID or class, you will need to change it in the CSS as well.
• 9. Do not add global menu styles to sn_styles.css. The global menu has its own CSS file, called sn_dropdown-appearance.css
• 10. Do not edit sn_dropdown_control.css. It contains functional css that controls whether and when the menus open and close. If you edit it, your dropdown menu may not function.