image
image
image
image
Allwebco Design


Homepage
Allwebco Templates
Allwebco Web Hosting
Square Peach Music


Allwebco
Allwebco Design single page web templates
Images & design ©Copyright Allwebco Design Corporation. See agreement below on this page.


Setting up your website template:
For more templates and template addons visit: Allwebco Design
For professional web hosting visit: Allwebco Hosting


Step 1:
CHOOSE PAGE TO USE:
This template includes 3 homepage options:
  • To use the default single page template, move the 2 "OPTIONAL-????.html" pages into the "extras" folder.
  • To use the no Flash page, move the "OPTIONAL-INTRO.html" and "index.html" page into the "extras" folder. Rename the "OPTIONAL-NoFLASH.html" to "index.html". (See below to use a graphic logo.)
  • To use the intro style page, move the "OPTIONAL-NoFLASH.html" and "index.html" page into the "extras" folder. Rename the "OPTIONAL-INTRO.html" to "index.html".

Step 2:
EDIT FLASH ANIMATION: | More details...
Open the "flash-S.txt" file with Notepad or any text editor and edit "Your Website Title" text with your name or company name. Be sure not to delete the "logo=". To use a graphic logo see options below on this page.

HOMEPAGE TEXT & IMAGE CHANGER: | More details...
The homepage (index.html) Flash changer is showing 5 .jpg images with a title, text area, link text, and link for each slide. These 5 images are in the "flash" folder and are 850 x 300 pixels each. You can replace "image1.jpg" through "image5.jpg" with your .jpg images to update the homepage.

In the "flash-S.txt" there is a title?, text?, linktext? and link? for each slide. Edit the text following the "=" for each slide. Example: Edit the following for slide #1:

&title1=Your Title
&text1=Your Text
&linktext1= Click here text
&link1=yourpage.htm

In the extras folder there is a "flash-BACKUP.txt" if you need a new copy of the "flash-S.txt". Also see the changer section below on this page for more options.

INCLUDED MOBILE DETECT: | Click for more details
The Flash image text slideshow includes a browser detection script in the "homeflash-S.js". A static image, the "image1-S.jpg" in the "flash-S" folder will display in non-Flash browsers and mobile devices like iPad and iPhone.

Step 3:
EDIT CONTACT INFO:
In the "index.html" edit the company name, address, phone and fax number and email address. The email is using a Javascript so search engines can not see your email and you will receive less spam email. Edit these variables in the source code to update the email:

var emailname = "info";
var emailserver = "your-web-domain.com";

Step 4:
EDIT TWITTER AND FACEBOOK LINKS: | More details...
Edit the links near the top of the HTML page with your link to twitter and Facebook. To remove these links, delete the code between the "START SOCIAL LINKS" and "END SOCIAL LINKS" notes.

Step 5:
EDIT PAGE: | Software choices | Notepad Editing
Edit the "index.html" with your website information. You can use an editor like Notepad, Expression Web, Frontpage, Dreamweaver or any wysiwyg editor. Take care not to delete any of the HTML tags that surround the text. You will find notes inside each page to help you locate areas to edit.

Step 6:
EDIT PAGE TITLES, DESCRIPTIONS AND KEYWORDS: | More details...
Open the "index.html" and edit the page titles, (at the top of the page) the description, and keywords with your product or service details. Be careful to only change what's inside the " " so you don't disturb the html code. Page titles are important so your site will get a good listing at Google, Yahoo! and other search engines.

Step 7:
UPLOAD: | More details...
Upload the pages on to your hosting company's server using ftp software or Windows Explorer or your control panel. Be sure to upload the "picts-S" and "flash-S" folders and all files in these folders.



Options:


USING A GRAPHIC LOGO:
To replace the Flash logo with a graphic logo: edit the "header-S.js". Change the "var logotype" from "flash" to "graphic" (all lowercase). In the "picts-S" folder you will find a graphic called "logo.jpg". Edit this graphic with your logo image. The "logo.jpg" is now 625 pixels wide by 50 pixels high. You can make this image any size you would like.

HOMEPAGE FLASH CHANGER OPTIONS:
In the extras folder are 2 optional "homeflash.swf" files for the homepage changer. An alternate Tahoma font version and a "no phrases" changer. To use one of these, move your "homeflash.swf" into the extras folder. Move the "homeflash-????.swf" file you want to use into the main template folder. Rename the .swf file to "homeflash.swf". The default changer uses the Garamond font.

The background color for the homepage changer can be edited in the "homeflash-S.js". A border can be added by editing the "homeflash" class in the CSS file.

ADDING PAGES: | More details...
You can add pages to your website by copying and pasting any one of the pages and renaming it to whatever you need. You can add text links to the other pages.

ADDING APPLICATIONS: | More details...
You can add scripts, video, Flash applications, links, images and almost any feature you see on other websites can be added to the template page. Allwebco provides many free scripts and add-ons as well as reasonably priced premium add-ons that can be added to any template or website.

FONTS: | More details...
You can change your font colors and sizes by editing the "coolstyle-S.css" with a text editor. Change the "table" px size to change the copy font on all pages. Change the "title" px size to change all the title sizes. Click link above for more help.

TEMPLATE COLORS: | More details...
All template page colors can be edited in the "coolstyle-S.css" with a text editor. Click link above for more help.

CHANGING THE GRAPHICS/PICTURES: | More details...
You can replace each HTML page picture with your own .jpg image. You can re-size the images to any other size, but it is recommended that you keep the images 750 pixels wide or less. You will find all pictures and background images in the "picts-S" folder. Hover over any image to view the size.

PAGE HEIGHT:
So you can set the height of your webpage, there is a "pageheight" style class you can edit in the "coolstyle-S.css".



Template User Agreement:
COPYRIGHT© Allwebco Design Corporation. Unauthorized re-sale of this template, images or Flash files is strictly prohibited by law.

User is authorized to use this template and any or all images and Flash included on a single website or for any type of project(s) for personal or business websites, either for their own or a client use. Templates, as blank templates, may not be distributed to other parties without written permission from Allwebco Design Corporation. User is authorized to modify all included files. For more details please see the Allwebco Templates Users Agreement.