Instructional Links

Adding / removing and renaming pages

VIDEO LINKS View Online: [ new-blank-page ]  [ new-template-page ] click to open video in a new window

if you are having troubles viewing the video's online, please download the video from the link below to view locally on your computer.

The download package includes a web page for viewing the video files, and several SWF or FLV video files.

Just download the zip file, extract, then double click on the 'web page' to view the video. 

VIDEO LINKS for download: [ new-blank-page ]  [ new-template-page ]

Overview

There are 10 'default' or 'predesigned' pages in your template, and 3-6 optional pages / layouts in the optional folder. You probably won't need all the pages we've included, but if you're not sure, best to just 'move' the pages from the 'root' folder, into the optional folder where you can later drag them back if you decide to use them. If you remove a 'default' page, just make sure you update the 'dropmenu, slidemenu, bottomlinks, and animated icons' by removing reference to the removed pages.

There are 2 methods you can work with, when creating a new page.

  • ( A: quick method )                 create a new page based on the {@blank-template-page.htm} located in the root of the web
  • ( B: more choices method )    create a new page using one of the optional page layouts, located in the {optional} folder

New pages will be added to your 'Folder List/Local Files' panel. When duplicating pages, the original page will remain in tact, closed and saved back to their original location.

INSTRUCTIONS

Remove a page

  1. starting with the root of your site, drag the pages you will not be using into the optional folder to save for later use; or right click on each page you want to remove from the site, and select DELETE from the command menu
  2. open the Library folder, then the ( vertical_slidemenu / dropmenu / bottomlinks ) and remove the 'links' to the 'removed' pages ( skip to Menu's and navigation )

Add a page

The ( A: quick method ): add a blank page

  1. locate the {@blank-template-page.htm} in the 'Folder List/Local Files' panel
  2. double click to open the page in design view
  3. click on the File Menu >> select Save As...
  4. give the new page a name
  5. click SAVE

The ( B: more choices method ) add a template page

There are several page layouts you can choose from, or you can create your own layout by 'mixing' and matching 'content boxes located in the {Site / content_boxes} folder. Creating a new page, is as easy as duplicating an existing page, or copy and paste.

  1. open the {optional} folder, browse through the included template pages and find a layout that you would like to work with
  2. close all 'other' pages, keeping just the template you want to duplicate, OPEN in the design window
  3. click on the File Menu, select Save AS....

    the Save As... command, creates a 'duplicate' page, and allows you to create a name for your duplicate page
  4. name your page ( make sure you save the duplicate page to the optional folder, we'll move it later ) and click SAVE or OK
  5. now drag your new page out of the {optional} folder, into the root of the web, or another sub folder
  6. allow your web editor to update the hyperlinks for you

** if moving a new page to the 'root' level of the web ( along with your index.htm page ):

  • once you've moved the page to the root level, open the page and switch to 'design' view
  • scroll down to ( approximately line # 32 )
  • locate this code:

    var rootFlashLocation = "../";
  • change the "../" to "./" by removing 1 of the ( . ) periods, it should now read as

    var rootFlashLocation = "./";
  • now, you will also need to update the links for the images used vertical slide menu, the small images that indicate if the menu has a child menu, and the image that indicates if the menu is 'open'
  • in most templates, the code will be located on line #94, to be sure, this is the line of code you'll be looking for:

    togglehtml: ["suffix", "<img src='Site/graphics/menu/plus.gif' class='statusicon' />", "<img src='Site/graphics/menu/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)
  • there are 2 images links in this line of code, and both links start with ( ='Site ), you will need to add a 'root' level syntax to these links, for each folder 'deep' add ( ../  ) infront of "Site" as an example:

    original link:

    <img src='Site/graphics/menu/plus.gif' class='statusicon' />

    update link, based on the page being one subfolder deep

    <img src='../Site/graphics/menu/plus.gif' class='statusicon' />

    notice the addition of:

    <img src='../Site/graphics/menu/plus.gif' class='statusicon' />

    if the page were 2 subfolders deep, you would double the syntax as is

    <img src='../../Site/graphics/menu/plus.gif' class='statusicon' />

now do the same for the second image link, and that's it.

** if moving the page to another sub folder, or a sub folder, within a sub folder, read the instructions in ( grey ) on the page, you will need to set the root location.