Instructions

Adding Pages

Changing Graphics

Changing Tab Names

Include Files

Cascading Style Sheets

Company Name
Address
City, State Zip

Phone number

Company Name Address City, State Zip

Home
Instructions
Contact Us
Page 4
Page 5
Page 6
Page 7
Page 8

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

Replace the template graphics with your own graphics created in a graphics editor such as Photoshop, Paint Shop Pro etc. Two blank company name graphics are provided for you to add your own company name, one with the globe and one without. You may use any font, effect, or logo you desire.

Blank tab graphics are included for sites needing 3-8 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 Fireworks editable .png files found in the PNGs folder. Complete step-by-step instructions can also be found there. If you do not have Fireworks, a free trial copy is available from Macromedia. With the .png files the color and size of the tabs can be easily changed.

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 Tahoma, 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.

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.

Include pages in this template include:

header.htm
company_info.htm
menu_bottom.htm

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

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="site.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.

FrontPage website templates by The Template Store

The space above would be ideal for a second level of navigation links.

Place content in this box that you wish to draw special attention to, special announcements, a skyscraper banner ad, directions to your place of business, disclaimers, contact information, etc.

The menu above and this box are not in an include page, though they could easily be placed in one. This means global changes cannot at this time be made in one location. To place them in an include page:

1. Highlight the menu and/or box. Copy (Ctrl + c)
2. Open a new page. Paste. Save. It may look a little strange as CSS is not applied to include pages.
3. On the page where the include is to be added, highlight menu/box if it is not still highlighted.
4. Insert > Component > Include Page > browse to find the include page you just made. OK.

You will need to insert the include page on each page where you wish it to appear.