A.J.H. Computer Services - web-templates-ReadMe File





Website Templates

1. You will need to update all the html files with your site name in three places

(a) At the top of each page
<HTML><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<LINK HREF="images/web.ico" REL="SHORTCUT ICON">

<title>Website Name</title>
<link rel="stylesheet" href="images/style.css" type="text/css" charset="utf-8" />
<script type="text/javascript" src="images/clock/swfobject.js"></script>

</head>
<body>
<div id="wrapper">
<h1>Website Name</h1>
<div id="nav">
<a href="index.html">Home</a>

(b) At the bottom of each page
<div id="footer">
<P>Copyright Website Name. All rights reserved</P>
</div>
</div>
</body>
</html>

2. You can update the site navigation by editing all html files, and you can remove and add them here (max of 5), Eg; Feature to Sales

<div id="nav">
<a href="index.html">Home</a>
<a href="about.html">About Us</a>
<a href="feature.html">Feature</a>
<a href="gallery.html">Gallery</a>
<a href="contact.html">Contact Us</a>
</div>

3. You can add more to the "WELCOME" part of the site (left panel), put this just before the </div><div id="content"> in the page

flashvars,
{scale: 'noscale', wmode: 'transparent'}

</script></CENTER>

[Add your script here]

</div>
<div id="content">

4. Editing the "CONTENT" part of the site (right panel), put this just after the <div id="content"> and before the <div class="fineline"></div> in the page (Note the "gallery2.html" only has a "content" part)

</script></CENTER>

</div>
<div id="content">

<H2>About Us</H2>
<P>Your text "About Us" goes here</P>

<BR>
<div class="fineline"></div>

Editing Gallery

1. You will need to replace all the JPGs in the gallery folder (Note Do Not remove the data folder), the JPGs should be about 640x425.

2. Then you will need to edit the "gallery.html" and/or "gallery2.html", go to the "content" part of the file and enter the gallery title and photo titles, you can add more or remove some.

<h2>Add Your Gallery Title Here</h2>

<div id="page">
<div id="images">
<ul class="gallery">
<a href="gallery/01.jpg" rel="lightbox[gallery]" title="Add Your Title Here">
<li><img src="gallery/01.jpg" /></li>
</a>
<a href="gallery/02.jpg" rel="lightbox[gallery]" title="Add Your Title Here">
<li><img src="gallery/02.jpg" /></li>
</a>
<a href="gallery/03.jpg" rel="lightbox[gallery]" title="Add Your Title Here">
<li><img src="gallery/03.jpg" /></li>
</a>
<a href="gallery/04.jpg" rel="lightbox[gallery]" title="Add Your Title Here">
<li><img src="gallery/04.jpg" /></li>
</a>
If adding photos, add to the bottom of that list.

Editing Clock
Customisable antilog flash clock widget, free for any use on websites.

For more advanced users there is a possibility to customize the widget. You can draw and use your own antilog clock skin, choose clock arrow type, change colours, etc..

Change these parameters, to configure widget style (flashvars, passed to devAnalogClock.swf):

* clockSkin: [*.png, *.gif, *.jpg] (path to external image)
* arrowSkin: [1..12] (defines one of 12 built-in arrow types)
* arrowScale: [10..500] (defines arrow scale by percentage (100 is default))
* arrowColor: [000000..FFFFFF] (sets color for all arrows)
* arrowHColor: [000000..FFFFFF] (sets color only for hour arrow)
* arrowMColor: [000000..FFFFFF] (sets color only for minute arrow)
* arrowSColor: [000000..FFFFFF] (sets color only for second arrow)
* showSeconds: [yes/no] (displays or hides seconds (yes is default))
* widgetUrl: [http://*] (sets link on the widget)
* UTCTime: [hh:mm:ss] (sets UTC time) (PC time is default)
* timeOffset: [-x..x] (sets timezone offset in seconds)

Clock Skins

1 2 3 4 5 6 7 8 9 10 11 12
You can add more (Note Default Image 144x144 gif file)
Arrow Skins
1 2 3 4 5 6 7 8 9 10 11 12

Editing E-Mail Form

1. You will need to edit the file "email.txt" in the cgi-bin folder and add your e-mail address.

To: Your E-mail address Here
Subject: E-mail from website

Name: [name]
Email: [email]
Message: [message]

2. Update the form in "contact.html" file with your domain

<P><FORM METHOD="POST" ACTION="http://[Your Domain Here]/cgi-bin/cgiemail/cgi-bin/email.txt"
ENCTYPE="x-www-form-urlencoded">
<DT><CENTER>Name: <INPUT NAME="name" TYPE="text" SIZE="35"></CENTER><BR>
<DT><CENTER>E-mail: <INPUT NAME="email" TYPE="text" SIZE="35"></CENTER><BR>
<DT><CENTER>Message:<BR><TEXTAREA ROWS="10" COLS="48" NAME="message"></TEXTAREA></CENTER><BR>
<DT><CENTER><INPUT NAME="Message" TYPE="submit" VALUE="Submit"> <INPUT NAME=
"name" TYPE="reset" VALUE="Reset"><INPUT TYPE="hidden" NAME="success" VALUE="http://[Your Domain Here]/success.html"></CENTER></P>
<DT TYPE="hidden" NAME="success" VALUE="http://[Your Domain Here]/success.html"></FORM></CENTER></P>

Updating to a PHP mailer
Some servers do not support CGI but might support php
Download your template.zip file plus the php-mailer.zip file

1. Do not upload the "cgi-bin" folder from the template zip file

2 .Copy the files from the zip file in to the same folder as the other files
a) gen_validatorv31.js b) ajh-mailer.php c) contact.html (replace)

3. You will need to edit the "ajh-mailer.php" (at the top of the page) to add your e-mail:-

<?php $errors = ''; $myemail = 'your e-mail here'; if(empty($_POST['name']) || empty($_POST['email']) || empty($_POST['message'])) { $errors .= "\n Error: all fields are required"; } ..................................................

These website templates are given here "as is" basis. A.J.H. Computer Services makes no representations or warranties of any kind, express or implied, as to the operation of the sites. The information, content, materials or products, included with these site templates. To the full extent permissible by applicable law, A.J.H. Computer Services disclaims all warranties, express or implied, including but not limited to, implied warranties of merchantability and fitness for a particular purpose. A.J.H. Computer Services will not be liable for any damages of any kind arising from the use of these website templates, including but not limited to direct, indirect, incidental punitive and consequential damages.

Return to Website Templates