Third Level 1 Third Level 2 Third Level 3 Third Level 4 Third Level 5

Headline

This column is a good place for third level navigation or additional content. The headline above is made up of two graphics and text so it is easily modified to meet your needs.

Instructions

Adding Pages

It's easy to create new pages and add them to your web. Open a sample page or another page you have created and select "save as" and rename it. The new page should have the layout intact. Change the content or graphics inside the new page.

Changing Graphics

Replace the template graphics with your own graphics created in a graphics editor such as Photoshop, Paint Shop Pro etc. We've made it easy to change the header graphic above by providing you with an image minus "CompanyName.com." This allows you to use the same image as used above but with your own "Site" info or company name.

Changing Tab Names

Blank tab graphics are included for sites needing 3-7 top level categories. These are found in the Images folder. Import the needed blank tab graphics into your graphics program (Photoshop, Paint Shop Pro, Image Composer, etc.). If the program allows, place them in layers, making an additional layer for the words. Display each layer of the tab graphics, one at a time, plus the word layer, save the newly modified tabs as .gifs, and export into the template.

OR use the enclosed .png files and Fireworks to modify your graphics. The .png files can be found in the PNGs folder. Complete step-by-step instructions are also included. If you don't have Fireworks a free 30-day trial download is available from Macromedia. Some of the .png files are in layers. PNG files should NOT be published with your website. If you wish to use them, remove them from the template and store them elsewhere on your hard drive. If you do not wish to use them, simply delete.

Tip: Give the new .gifs the same file names as the original tabs in the template, letting them override the original graphics in the images folder. This way they will automatically fall into place in the template. After the new graphics are in the images folder, rename the files to make more sense for your site.

The font used on the tabs was Verdana, commonly found on Widows operating systems. A slight drop shadow was added. There is room on each tab for two rows of words.

We are also available to modify the tab and company name graphics for a nominal fee. Please contact us for details.

Modifying the Swish Movie

Swish 1.51 or higher is required for modification of the optional header movie seen on the Home page. You can find it here.

Include Files

Note that some elements elements that occur on all pages of this site exist as include pages. You can find these include pages in the "includes" folder of this web. 

The include pages are inserted into the main pages in order to allow you to make global changes to your site or change many pages at the same time. To do this you must right click on the area you would like to edit. If it is indeed an include page you will see something like this in the pop up menu:

Open file: c:\ location and name of include page

Or - you can open the include pages via folders view. Once the file is open - make the necessary changes and save them. All pages utilizing the include page should update upon saving.

FrontPage 2003 DWT Files

DWT files are for use in FrontPage 2003 or higher only.

DWT files can be used instead of include pages or in addition to include pages, making modification and updates even easier...everything on one page instead of several include pages. Simply open the .dwt file and make changes in the navigation, and footer areas and when saved, the changes will take place on all page files made from that .dwt file.

Page files made from .dwt files have areas called Editable Regions. These areas must be updated on the corresponding page files. These are the parts of the page that will differ from page to page, such as the body area. Editable Regions can be added or subtracted as needed.

To make a new page attached to a .dwt file, create a new page then go to Format > Dynamic Web Template > Attach Dynamic Web Template. OR File > New > From existing page... > click on the .dwt file you wish to copy from > Create new... > assign a new page title and file name > Save.

The company name area and box in the right column are still in include pages.

Cascading Style Sheets

In folders view, double-click on organized.css. This will open the CSS page. The code governing the links in the header and in the body will be found there.

a.top:link controls the navigation bar at the top of the page under the tabs. 
a.left:link controls the navigation bar in the left column. 
a:link controls the body links.

To change the color of the links - simply make changes to the html color coding such as #ffffff or #336699. Find the HTML color code for the color of your choice and insert the number in place of the existing one.

If you wish to remove the Cascading Style Sheet properties...simply remove the code calling the sheet in the head section of the include pages as well as any code associated with it in the body of the include pages such as <LINK REL=STYLESHEET TYPE="text/css" HREF="organized.css"> </head> and class="left"

For more information on Cascading Style Sheets (CSS) consult the following online resources:

Webmonkey: Stylesheet Guide

Webreference: CSS

If you have questions, please feel free to contact us at sandy@thetemplatestore.com.