Getting Started - Template Information

Third-Party Images:

Watermarked Images: The template contains watermarked images or photos provided by third-party providers. We have obtained permission to incorporate these sample images within the template. If you wish to use these images for your web site, you are required to purchase or otherwise license the non-watermarked version directly from the vendor listed below if applicable. [Note: Please remember that we cannot be responsible for when or why any photo or image may be removed from any stock photo site. If you are wanting to use the exact same image, please check availability before you purchase the template.]

Image Numbers #7466533 from BigStockPhoto.com. [Note: Be sure to read over all terms of use before using any image from a 3rd party site.]

Social Media Icon Images: The small icon images are free icons available from http://www.blogperfume.com/new-27-circular-social-media-icons-in-3-sizes/ .

Adding Your Site Name:

The template uses the "logo.jpg" image that has our sample business name/logo applied.  In the Resources folder you will find a logo-blank.jpg file. You can add your text using any image editing software program and use your favorite font, apply effects, and more. Save your edited image as logo.jpg into the images folder of your web and allow it to overwrite the existing file.

JavaScript Calendar:

We include a simple JavaScript calendar in many of our templates. This script is set to show the current date only. If you do not wish to include the calendar, you can delete it from the code.

<p><script type="text/javascript" src="calendar.js"></script></p>

To change the size of the fonts in the calendar or to change the colors, you will need to edit the calendar.js file. [Credit for this application: http://www.bmgamble.com. While this script is free, we recommend that you give credit for the application.]

JavaScript Slideshow:

This is a JQuery JavaScript that will rotate through your images with random effects.

<div id="slider" class="nivoSlider">
<img src="images/mainimage1.jpg" alt="" title="" />
<img src="images/mainimage2.jpg" alt="" title="" />
<img src="images/mainimage3.jpg" alt="" title="" />
</div>

You can easily replace our images with your own, but your images need to be the same size (550 x 240 pixels). You would then set your own title text for your image captions. You can add more images by following the pattern shown above.

[Credit for this application: Released by http://nivo.dev7studios.com/. There are a lot of settings for this script, so if you want to tweak it for your own use, visit the site and view the instructions.]

JavaScript Lightbox:

The Lightbox JavaScript consists of two files (the lightbox.js and a lightbox.css file, located in the Scripts folder) and three images (the animated loading.gif, the .png image for the dark overlay, and the close.gif that appears in the top, right corner of the display box). We recommend that you do not move or edit any of these files.

The Lightbox allows you to click on a small photo and have a larger image appear in a semi-transparent overlay that will appear on top of the page. The script will automatically size itself, so your images can be different sizes. Your hyperlinks will look like this:

<a href="images/photogallery/photo1_large.jpg"
rel="lightbox"
title="Photo 1 - Your photo description goes here">
<img alt="sample photo" src="images/photogallery/photo1_small.jpg" /></a>

  1. First insert your small photo onto the page.
  2. Create a hyperlink to the larger photo.
  3. Switch to code view and add the rel="lightbox" which activates the javascript.
  4. If you wish to have a title appear, add the title attribute as shown in the example above.

[Credit for this application: http://huddletogether.com/projects/lightbox. It is also featured at http://www.dynamicdrive.com. While this script is free, we recommend that you give credit for all 3rd party applications. The sample images used in our photo gallery are image numbers 1106764, 32799, 210544, 502677, 496498, 1113494, 711837, 1104855 from Stock XChange at http://www.sxc.hu. )