Template - by abenson

Where to find things

/css - This contains the one and only stylesheet for handling the Text Modules
/images - Contains all the images for the Image Modules and your logo
/php - Contains the PHP mail script for the contact form. Edit this to modify the subject and mail from address
/scripts - Contains Javascripts (swfObject)
/swf - Contains the external swf for use in the SWF Modules
/text - Contains XML files that hold texutal information for the Text Modules
/videos - Contains the videos for the Video Modules
/xml - Contains both the config.xml and main.xml files

main.fla - This is the master file. Everything is located in Frame 2. Frame 1 is just the preloader.

Guide for editing XML

All configuration XML files are located in the /xml directory. Contains config.xml and main.xml.


Contains the configuration attributes for this template.


<?xml version="1.0"?>
backgroundColor = "0x111111"
myLogo = "images/logo.png"
footerInfo = "Copyright 2008 My Company, All Rights Reserved. 1 (800) 123-4567 124 Street Address Dallas, TX 75206 www.mycompany.com This is an editable footer using XML

animationSpeed - is the number of seconds things animate
padding - is the distance in pixels between elements from the border of the window. Like the scrollbar being 10 pixels from the bottom of the page for example.
emailAddress - is your email address used in the contact form
backgroundColor - is the Hex value of the desired background color of the site
myLogo - is the location of your proper logo. JPG, PNG and GIF are supported formats.
footerInfo - is the textual information that displays at the bottom of the page.


This is the construction of the site. You load all of your assets and information through here. You can add as many as you want. In fact it's easiest to copy and past from the existing tree and edit for your purposes with the least possibility of error. Each asset has a title, asset and caption. If you don't want captions, leave <info> blank like <info></info>. However it's imperitave that you do NOT remove or modify tree structure - meaning the structure in which it's in - otherwise it will fail to function (like removing <title>...</title> altogether). You can of course modify the number of <windows> and their contents to your desire, just as you'll find working with any other existing XML file. Take a glimpse at the code below and I'll discuss how it works.


<?xml version="1.0"?>
<window type="text">
<title><![CDATA[<b>Home - XML Slide Template <font color="#FF0000">V1</font></b>]]></title>
<info><![CDATA[This is a Text Module using XML & CSS]]></info>
<window type="image">
<title><![CDATA[<b>Image Module</b>]]></title>
<info><![CDATA[This Image Module can load JPG, GIF and PNG]]></info>
<window type="video">
<title><![CDATA[<b>Video Module</b>]]></title>
<info><![CDATA[This is <b>some</b> information about this video. Click to play.]]></info>
<window type="swf">
<title><![CDATA[<b>SWF Module</b>]]></title>
<info><![CDATA[You can load you own SWF file here.]]></info>

<site> - Contains the XML tree, don't bother editing it
<window>...<window> - Contains all of the information for each asset. Duplicate the <window> trees for more assets.
<window type="text"> - This is HIGHLY important:

There are 4 types of assets available (text, image, video, swf). And it's very important that it's referenced correctly as it's case-sensitive. Below are the only supported references:

So if you want to load a video, you must say <window type="video">

<title><![CDATA[<b>My title</b>]]></title> - Title information for each asset. The ![CDATA[ ... ]]> is for handling HTML-enabled content and special characters.
<asset>text/home.xml</asset> - This is the location of the file you want to use. For window type="text", you should always use XML files (stored in the text folder) to hold your text information.
<info><![CDATA[This is a caption]]></info> - This is the caption for each asset.

Asset types and supported formats

window type="text"

Text information for use in Text Modules. Located in /text/ An example file is in that directory.
Supported formats: .xml

window type="image"

For loading images
Supported formats: .jpg, .png, .gif

widow type="video:

For loading videos
Supported formats: .flv

window type="swf"

For loading your own swf files
Supported formats: .swf

Additional Asset information

Each asset is in widescreen format using the 16:9 ratio. Each image and FLV and SWF should be sized to 520x290 to appear correct. FLVs will scale accordingly however.

Flash Info

If you need to change a lot of colors and fonts etc, you will need to edit main.fla. Everything is located in Frame 2. To modify the Modules, they are all conveniently located in the Modules folder in the library. Everything else should be directly on the stage. Major sections in the code are commented and spaced out for you to make sense of it.