|
|
|
|
|
 Homepage Allwebco Templates Allwebco Web Hosting Square Peach Music 
|
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:
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. Edit the "Welcome" text for the "var LogoText" in the "header-S.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. 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 FLASH 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. The "header-S.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-S.js". Click above for details. 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" and "sounds" 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 showflash" from "yes" to "no". Change the "var logotype" from "text" 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 600 pixels wide by 40 pixels high. You can make this image any size you would like. Edit the ".header" background color in the .css file, and the "header-S.js". HOMEPAGE FLASH CHANGER OPTIONS: In the extras folder are 3 optional "homeflash.swf" files for the homepage changer. An alternate Tahoma font version, a "no phrases" changer and a "no reflection" version. 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. NOTE: If you are using the "homeflash-NoReflection.swf" also edit the height in the "homeflash-S.js" to 300. 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. HOMEPAGE SOUND: | Click for more details The homepage (index.html) has a background sound named "home-sound.mp3" and "home-sound.ogg" in the "sounds" folder. Optionally replace both files to have your own sound play on the homepage. You may want to keep the 2 "home-sound" files small so the homepage downloads fast. To remove the homepage background sound delete between the "START SOUND CODE" and "END" notes in the index.html. 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. |