APPENDIX

1. Unzipping the template package 2. General Information about template structure and its content 3. Installing fonts 4. Editing HTML version (static header) a) editing .html files b) editing Photoshop (.psd) files 5. Editing Flash version (flash animated header) a) editing .html files b) editing Flash (.fla) files c) editing Photoshop (.psd) files 6. Uploading template

Instructions are provided by http://www.template-help.com

Page 1

1.

Unzipping Template Package

After unzipping the template package you will find 3 folders: screenshots, site, site_flash and another zip archive called sources_############.zip which you are to unzip. You may check the video tutorials on how to unzip the template package by the links below http://info.template-help.com/unzipping-your-template.html - PC http://info.template-help.com/how-unzip-template-mac.html - Mac While unzipping sources_############.zip archive you will be prompted to enter a password, which you can find at your Product Download Page (open the link in the email you received from our company). You should now have 4 folders in total: screenshots, site, site_flash, sources

2.

General Information and Template Structure

Your type of template includes 2 versions of the same design: one with a Flash (animated) header, and the other with HTML (static) header. Refer to the corresponding section of the instructions below, depending which version of the template you would like to use: 1) HTML version (non-animated header) 2) Flash version (animated header) screenshots/ contains screenshots of the template. No editable files here site/ contains .HTML and .CSS files for the non-animated version of the template images contains all the images used in .HTML files site_flash/ contains .HTML and .CSS files for the animated version of the template flash contains .SWF flash movie(s) used in .HTML file images contains all the images used in .HTML files sources/ contains source files clipart_library bonus materials not related to the template design flash contains Flash .FLA source file(s) psd contains Adobe Photoshop .PSD file(s)

3. Installing Fonts
If the template uses some non-standard fonts in the design, then those are provided with the template package. 1) After you unzip the template package, there can be a file fonts_info.txt there you will find font name and download link 2) If the above mentioned file is missing, then the fonts are probably part of the template package. Open the folder sources and look for the folder fonts After the fonts have been downloaded/located, you need to copy them into the C:/Windows/fonts directory

4. Editing HTML version of the template

Software Required: You can download trial (30 days free) versions by the links below Adobe Dreamweaver (or Microsoft Expression Web) http://www.adobe.com/products/dreamweaver/ http://www.microsoft.com/expression/products/Web_Overview.aspx Adobe Photoshop http://www.adobe.com/products/photoshop/photoshop/ Instructions are provided by http://www.template-help.com Page 2

a) Editing HTML page content All the editable HTML files are located in site folder of the template package (index.html, index-1.html, index-2.html, etc.) Each index-#.html file represents one page of the template. To open .html file with Adobe Dreamweaver software, you should right mouse click on the file, and in the context menu select Open with -> Adobe Dreamweaver. The file is opened and you can start editing it. Please, check this link for general instructions on how to work with Adobe Dreamweaver and .html files http://info.template-help.com/general-tutorials/work-with-html b) Photoshop files Photoshop files are located in sources/psd folder and required for editing some text titles in the template, that were created using non-standard fonts. Example below will show you how to determine if such fonts are used in your template. Please, look at the 2 example screenshots below

The first screenshot shows a complete web template layout, while the second is what you see when you open site/index.html file with your web browser. All those missing elements on the second screenshot (top menu titles, banner titles, etc.) should be edited/updated via .psd files. Please, check the video tutorial by this link on how to work and save content from .psd file into your web page http://info.template-help.com/how-save-for-web.html Also, please pay attention to this video tutorial concerning saving slice that are overlapped by other slices, and big slices such as backgrounds http://info.template-help.com/how-use-bring-front-feature.html If the HTML layout of your template looks complete and doesnt have any missing titles, then your template is using Cufon technology which allows embedding non-standard fonts using JavaScript, so all the text can be edited directly in .html files. By default template fonts support only Latin characters, embedding special characters (Latin with acute, Greeks, Cyrilic, etc.) requires recompiling javascript font provided with the template. Please, check the following tutorial on how to do that http://info.template-help.com/how-use-cufon-feature.html

Instructions are provided by http://www.template-help.com

Page 3

5. Editing Flash version of the template

Software Required: You can download trial (30 days free) versions by the links below Adobe Dreamweaver (or Microsoft Expression Web) http://www.adobe.com/products/dreamweaver/ http://www.microsoft.com/expression/products/Web_Overview.aspx Adobe Photoshop http://www.adobe.com/products/photoshop/photoshop/ Adobe Flash Professional http://www.adobe.com/products/flash/ a) Editing Flash header Editable flash file (.fla) is located inside sources/flash folder of the template package. Open .fla file with Adobe Flash software and start customizing it to your needs. If you dont have experience with Flash, please check the link below for general guidelines and video tutorials: http://info.template-help.com/general-tutorials/work-with-flash b) Editing HTML page content Please, refer to 3.a paragraph of the current document. NB: HTML files for the animated version of the template are located in site_flash folder (not site) c) Photoshop files Please, refer to 3.b paragraph of the current document

6. Uploading template
In order to make your site live, you need to upload specific template files from your local computer to your hosting server. Depending on the version of the template you selected (Flash or HTML) you should upload content of the corresponding folder: - If you customized HTML (static) version of the template upload all the content of site folder - If you customized Flash (animated) version of the template upload all the content of site_flash folder This video tutorial will show you how you can upload files to your host using free FTP management software FileZilla (you may use any other software you like, or upload directly via Hosting Cpanel) http://info.template-help.com/how-upload-files-server.html

Instructions are provided by http://www.template-help.com

Page 4