Luma Image
Strength of Color

Getting Started

This product ships as a zipped web. Save the downloaded zip file to your hard drive, then unzip it to your "My Web Sites" directory (or wherever you like to keep your webs).  A folder with the template name will be created, and your new web will be created inside. Afterward, simply open Expression Web or FrontPage, browse to the new web folder and open your web!

Can I easily change the colors on this template?

Yes, as long as you know how to work with CSS.  All our colors and layouts are controlled by an external style sheet, twcxxx.css, located in the root directory of the web.

How do I change the Your Name in the logo header?

Open the file include_top.htm (located in the includes folder) and type in your changes there.  If you don't want to use the second line, simply delete it.  The round logo image may be removed in the style sheet - after opening it, select Edit > Find and then type in "logo.gif" (without the quotation marks.  Delete the entire line of code the file is located in.  Directly beneath that, there is a line beginning with #yourname {
- go to the last line of the section, which contains "margin-left: 50px;" and delete that line as well.

How do I program the Search Box?

Open the page includes/include_top.htm, then go to Code view.  Select Edit > Find to locate the text "www.expressiontemplates.com" (without the quotation marks).  Change that line to your own domain name, and you're all set!

What if I don't want a Search Box?

If you choose not to have a site search, simply open the file "include_top.htm" in the includes folder, highlight the form area surrounding the search, and hit delete.  You may add some other content in that section if you wish.

How do I change the links in the upper horizontal menu section of the pages?

The menu is in the file named "include_menu.htm" (located in the includes folder) and is structured as a bulleted list.  Since this is a multi-level menu system, changes should be made in the Code view of the page, keeping tags in place.  Open the file, make your changes and save, and your changes will appear throughout your web.

Why can't I get my capital letters to work in the menu and footer?

We intentionally programmed it to convert everything to lowercase.  If you want to change that, open the style sheet, select  select Edit > Find to locate the lines containing "text-transform: lowercase;" (there are three of them), and delete those lines.

How do I change the rotating images at the top of the page?

The images are located in the images/rotations folder, are named image1.jpg, image2.jpg, ..., image5.jpg, and are sized 980px wide by 200 px high.  Size your own images the same, then save them to the images/rotations folder, overwriting our originals.

Can I have more (or less) than the 5 images in the header image rotation?

Yes, you can have as few as 2 and as many as you'd like.  In order to make changes, you will need to open the file nf.js (located in the javascript folder).  Locate the following on that page:

//HOME
var fadeimagesheader=new Array()
fadeimagesheader[0]=["images/rotations/image1.jpg", "", ""] //plain image syntax
fadeimagesheader[1]=["images/rotations/image2.jpg", "", ""] //plain image syntax
fadeimagesheader[2]=["images/rotations/image3.jpg", "", ""] //plain image syntax
fadeimagesheader[3]=["images/rotations/image4.jpg", "", ""] //plain image syntax
fadeimagesheader[4]=["images/rotations/image5.jpg", "", ""] //plain image syntax

To have less images, delete as many rows as you choose from the bottom up.  To have more images, copy existing lines, and increment the numbers.

How do I change the copyright information at the bottom of the pages?

You need to do that only on the page "include_bot.htm" located in the includes folder - the changes will be effective throughout all pages of your web.

How do I change the map on the Contact page?

  1. Open the contact_info.htm page and switch to Code view.  Select Edit > Find to locate the text "iframe" (without the quotation marks).
  2. Go to Google Maps and type your own address into the address bar and hit Enter.  In the upper right corner of the map, click on Links, then click the link "Customize and preview embedded map".  In Section 1 (Customize), select the radio button for "Custom" then enter a width of 290 and a height of 320.  Copy the code from Section 3.
  3. Return to the opened contact_info.htm page and replace the old code ( between the  <!-- START GOOGLE MAP CODE --> and <!-- END GOOGLE MAP CODE --> comments) with your new code by highlighting the old code, then select Edit > Paste.

Can I add more pages?

Certainly - you can add as many as you wish!  Just use one of our blank page templates.  Go to the Folder List and open the template or your choice.  As soon as it is open, go to File, Save AS... - then save it as the name you want your new page to have.  After your page is finished, open the include_menu.htm and add the title and hyperlink where you want the page to show up in your menu structure.

Can I add and/or change events in the calendar?

Yes.  The calendar we use is a JavaScript Calendar credited to Digital Christian Design which we have modified considerably to allow XHTML 1.0 compliance and styling in the external style sheet.  Instructions for maintaining events are located in the file events.js located in the root of the web.

Can I use your images for business cards/brochures/ads?

No.  We have paid the appropriate licensing fees for you to use the imagery free of copyright infringement for a web site only.  If you wish to use the imagery for other purposes, you will need to obtain your own license.  Please refer to the license agreement included with this template for additional details.

Why doesn't my form work?

Your form has to be programmed according to your own server to work, and your server must have FrontPage extensions installed.  Please refer to our general template FAQs on our web site for more information.