Blank button, company name, and page title are included. These
are found in the Images folder. Import the needed blank button and
page title 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 graphics, one at a time, plus the word layer, save the
newly modified images as .gifs, and export into the template.
OR use the Fireworks editable .png files found in the PNGs folder.
If you do not have Fireworks, a free trial copy is available from
Macromedia. With the .png files the colors of the images can be
easily changed.
Tip: Give the new .gifs the same file names as the originals 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 company name and page title images was Staccato222 BT, commonly found on Widows operating systems. The font used on the company slogan was Verdana. You may use any font found on your computer.
We are also available to modify the graphics for a nominal fee.
Please contact us
for details.
Coordinating bullet graphics are provided.
Include Files
Note that some 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.
The include pages used in this template are the
header, left navigation, company information, and bottom navigation.
The header areas of layout2.htm and layout3.htm are not in include
pages but you can make those portions include pages if you use them
and wish them to have the same appearance of the other pages. You
can also remove the include pages from header areas if you wish for
each page to have a different picture.
Adding Pages
It's easy to create new pages. Go to File > Save As. This
makes an exact copy of the original without harming the original.
Assign a new page title and file name. Insert the appropriate body
content. Add the link to the new page to the navigation areas.
Navigation
The buttons at the top of the page are simply linked to corresponding pages. Bonus buttons (photos, packages, calendar) are provided in the images folder. Blank buttons are also provided so you can add your own icons and/or words.
All other navigation is text formatted with the Cascading Style Sheet.
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.
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 should have trouble opening the style sheet or making
changes in FrontPage, you can open it in Notepad, make changes, and
save to your web folder.
For more information on Cascading Style Sheets (CSS) consult the
following online resources:
The pop-ups found on the Layout 3 page can be modified in the HTML view. There are two parts to the script, one in the header and one where the small image appears.
The section in the header allows for the size to be changed using pixel width and height, as well as other pop-up options such as scroll bars, etc. 0=no 1=yes
Two versions of each graphic must be in the images folder for the pop-up to work, a large size and a smaller thumbnail size that will link to it.
