Allwebco Web Hosting
Square Peach Music
This template includes:|
Paypal "Type 2" Forms:
Setting up your website template:
For more templates and template addons visit: Allwebco Design
For professional web hosting visit: Allwebco Hosting
CHOOSE HOME PAGE TO USE:
This template includes 2 homepage options:
EDIT FLASH ANIMATION: | Click for more details
Open the "flash.txt" with Notepad or any text editor and edit "Your Website Title" text with your website or company name. Be sure not to delete the "logo=". See options below to use a graphic logo.
Edit the "Welcome" text for the "var LogoText" in the "header.js" with your site name. To test this, make the "var showflash" a "no" and open the "index.html" in your web browser. This is the text that will show in non-Flash browsers. Change the "var showflash" back to "yes" when you are done.
INCLUDED FLASH DETECT - HEADER DETECT: | Click for more details
The "header.js" includes a browser detection script for non-Flash browsers and devices. An option for testing and to show either text, or an image in non-Flash browsers is included in the "header.js". Click above for details.
HOMEPAGE TEXT & IMAGE CHANGER: | Click for 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 "text-slideshow" folder and are 850 x 300 pixels each. You can replace "homeflash1.jpg" through "homeflash5.jpg" with your .jpg images to update the homepage. Click link above for more options.
In the "text-slideshow" folder edit the "flash-slideshow.txt". There is a title?, text?, linktext? and link? for each slide. Edit the text following the "=" to setup text and links for each slide. Example: Edit the following for slide #1:
&linktext1= Click here text
INCLUDED FLASH DETECT - HOMEFLASH: | Click for more details
The homepage Flash image/text slideshow includes a browser detection script. A static image, the "homeflash1.jpg" in the "text-slideshow" folder will display in any non-Flash browsers and mobile devices without Flash.
EDIT FOOTER: | Click for more details
Open the "footer.js" file in Notepad, TextEdit, or any text editor, and edit the "Your Website Name" text with your company or website name. This will update the footer info on all pages.
EDIT CONTACT INFO:
var emailname = "info";
var emailserver = "your-web-domain.com";
EDIT THE CONTACT FORM:
The template contact form is named "contact.htm".
Click for current info on setting up the template forms.
Click for info on adding more fields to the forms.
Click for changing form sizes or colors.
If you want to remove the form on the contact page you can remove the code in the "contact.htm" between the comment tags.
SETTING UP THE LYTEBOX PRODUCTS GALLERY: | Click for more details | Thumbnail Help
This template is using Lytebox slideshows in all gallery pages. Click here for setup details. The best way to setup the pictures in the gallery is to replace the .jpg pictures in the "gallery" folder with your own by overwriting the files that are in there now and using the same generic names.
If you will not be using any of the plain no cart gallery pages move the 3 "NOCARTgallery?.htm" into the "extras" folder.
Replace the "Fgallery" pictures in the "gallery" folder with full size photos. Replace the "gallery" pictures with your thumbnails. The thumbnails are now 130 x 87 pixels, Fgallery images are 600 x 400 pixels, but you can make them any size that you prefer. See links above for more details.
PAYPAL SHOPPING CART SETUP (TYPE 2 FORMS): | Click for more details
Paypal shopping cart forms have been included in the template "gallery?.htm" pages. Follow the steps below to setup the shopping cart pages. This template includes "Type 2" Paypal forms.
custom.htm PAYPAL PAYMENT PAGE:
This template includes a Paypal payment page called "paypal.htm". Edit the "firstname.lastname@example.org" in this page with your Paypal e-mail and you can use this page to accept custom payments by sending clients a link to this page and having them fill in the amount on the payment page. To remove the form, delete the code between the notes for the Paypal form in the "paypal.htm".
EDIT TWITTER FACEBOOK LINKEDIN LINKS: | Click for more details
Edit the links in the "index.html" and also near the top of the "sidebar.htm" with your link to Twitter Facebook and LinkedIn. To remove these links, delete the code between the "START SOCIAL LINKS" and "END SOCIAL LINKS" notes.
CHOOSE / CHANGE YOUR COLOR THEME: | Click for more details
Edit the "colortheme.css" to change your template theme. Edit the color in 2 places. Available color themes are listed at the top of this file. Colors for the Lytebox gallery are also set in this file. Click link above to change to another color theme or to edit your template colors.
EDIT THE DYNAMIC FAQ PAGE: | Click for more details
In the "faq.htm" edit the text between the "FAQ 1" notes area for FAQ question #1. Edit only the question and answer text and do not delete any of the other code in this area. Edit or remove the other FAQ questions on this page.
EDIT LEFT SIDEBAR: | Click for more details
You will edit the "sidebar.htm" like any other HTML page. Editing the "sidebar.htm" will update all the pages at one time. If you need more height in the sidebar you can edit the "SB-frame" height style in the .css color file you are using in the "colors" folder.
EDIT PAGES: | Software choices | Notepad editing
Edit the HTML pages 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.
EDIT PAGE TITLES, DESCRIPTIONS AND KEYWORDS: | Click for more details
Open each HTML page 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.
UPLOAD: | Click for 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 "colors" and "picts" and "slideshows" and "text-slideshow" and "videos" folders and all files in these folders.
EDIT THE DROPDOWN MENUS: | Drop menu editing | Adding pages
This template includes horizontal CSS menus. You can edit the menus as you need and add and remove links and pages. You will edit the menu.js in a text editor to change the menu names and add items. Click for CSS horizontal menu help.
MENU OPTIONS: | Click for more details
There are options at the top of the "menu.js" that you can change for "align" and "padding". Only edit the width option if you are having a menu "wrap" problem.
MENU COLORS: | Click for more details
Click the above link for info on drop menu colors, widths and other options.
USING A 3rd LEVEL DROP MENU: | Drop menu editing
Rename your "menu.js" to "OLD-menu.js" and then move it into the "extras" folder. Copy the "menu-3LEVEL-SAMPLE.js" from the "extras" folder into the main template folder. Rename this file to "menu.js". Edit your new 3rd level "menu.js" with your links.
OTHER MENUS: | Click for more details
This template includes 2 other menus you can edit. The "menu-slideshows.js" used in the slideshow pages, and the "menu-footer.js". You can add more menu links by copying code in the menu files and pasting it below itself. You may want to back up your files before you edit them.
USING A GRAPHIC LOGO:
To replace the Flash logo with a graphic logo: edit the "header.js". Change the "var logotype" from "flash" to "graphic" (all lowercase). In the "picts" folder you will find a graphic called "logo.jpg". Edit this graphic with your logo image. The "logo.jpg" is now 600 pixels wide by 60 pixels high. You can make this image any size you would like. Edit the ".header" class background color in the .css color file you are using in the "colors" folder.
WATERMARK SETUP: | Click for more details
You can configure the placement and opacity of the watermark over the image closeup views in the Lytebox gallery by editing the "lytebox.css" in the "lytebox" folder. In the "lytebox" folder is a .gif image called watermark.gif. You can replace this image with your own .gif image. If you change the height of the "watermark.gif" you will need to edit this height in the "lytebox.css".
ADDING PAGES: | Click for 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: | Click for 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 pages. 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: | Font colors | Themes
You can change your font colors and sizes by editing the ".css" files in the "colors" folder 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 links above for more help.
TEMPLATE COLORS: | Colors | Themes
All template page colors can be edited in the ".css" files in the "colors" folder with a text editor. Click links above for more help. See menus above for menu colors.
CHANGING THE GRAPHICS/PICTURES: | Click for 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 848 pixels wide. You will find all pictures and background images in the "picts" folder. Hover over any image to view the size.
PAGE HEIGHTS AND WIDTHS:
So you can set the height of your webpage, there is a "pageheight" style class you can edit in each css files in the "colors" folder. The "pagewidth" class can be edited to change the overall width of the template content area.
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.