XML Template v9.

0
General This XML Template has been specifically designed to be easily customized with all pages driven by XML which means you can update the pages without opening the FLA. This manual will guide you through the process of customizing this template. There are a lot of options to setup your template and of course you can always build upon it, if you have sufficient knowledge of Gaia Framework and AS3. If you dont have any additional knowledge of AS3, read the features to see what you can do by default.
Change Website Name 1. Open xml/site.xml 2. You will find a node at the top named site <site title="XML Template : %PAGE%" menu="false"> 3. Edit the attribute title for changing the website name

Change Minimum Dimensions: 1. Open index.html 2. Changning the minimum dimensions. If you change the minimum dimensions

swffit.fit("flashcontent",980,600);
Change Website Footer: 1. Open xml/config.xml 2. You will find a node at the top named text <text><![CDATA[ 2011 All Rights Reserved.]]></text> 3. Edit the attribute text for changing the website footer

Change Background Sound

1. Open xml/config.xml

<sound src="sounds/nn.mp3"></sound>
2. Edit the attribute src for changing the website background sound

Change Background Image

1. Open xml/site.xml 2. Change the asset which has a id named bg in each page node.

<asset id="bg" src="images/background/bg.jpg" preload="false" />

Edit the attribute src for changing the background image(current page).

Change Your Logo 1. Open xml/config.xml 2. You can find a node named logo <logo> <setting> <!-- logo setting, position (x, y) --> <logo x="20" y="10" width="201" height="39">images/logo.png</logo> </setting> </logo> 3. Edit the attributes(x, y, width, height) for changing the website logo.

Change the Navigation Open the xml/config.xml You can find a node named navigation, you also can add a hyperlink navigation, just keep the link=true
<navigation> <!-- navigate setting --> <setting> <!-- main size, sub size --> <fontsize>20,20</fontsize> <onOverColor>0xffffff</onOverColor> <onOutColor>0xffffff</onOutColor> <onOverAlpha>0.6</onOverAlpha> <onOutAlpha>1</onOutAlpha> <!-- tweener setting --> <tweener_time>0.5</tweener_time> <tweener_transition>easeOutExpo</tweener_transition> <tweener_delay>0.05</tweener_delay> </setting> <!-- the name of nav only supports space (like "about us" "contact us"), dont type like "_" "&" and so on --> <nav id="home" name="HOME" src="index/nav/home" link="false" /> <nav id="news" name="NEWS" src="index/nav/news" link="false" /> <nav id="gallery" name="GALLERY" src="" link="false"> <subnav id="fashion" name="FASHION" src="index/nav/fashion" link="false"></subnav> <subnav id="landscape" name="LANDSCAPE" src="index/nav/landscape" link="false"></subnav> <subnav id="mixed" name="MIXED GALLERY" src="index/nav/mixed" link="false"></subnav> <subnav id="video" name="VIDEO GALLERY" src="index/nav/video" link="false"></subnav>

</nav> <nav id="about" name="ABOUT" src="" link="false" > <subnav id="aboutus" name="WHO WE ARE" src="index/nav/aboutus" link="false"></subnav> <subnav id="aboutclients" name="CLIENTS" src="index/nav/aboutclients" link="false"></subnav> <subnav id="service" name="SERVICE" src="index/nav/service" link="false"></subnav> <subnav id="team" name="TEAM" src="index/nav/team" link="false"></subnav> </nav> <nav id="reel" name="SHOWREEL" src="index/nav/reel" link="false" /> <nav id="contact" name="CONTACT" src="index/nav/contact" link="false" /> <!-- open new window, link="true" --> <nav id="" name="BLOG" src="http://www.activeden.net,_blank" link="true" /> </navigation>

How the Navigation Works? After you know that how to change the navigation. Now Ill show you how it works. 1. Open the xml/site.xml 2. You can find the structure like this : (Every page has its own SWF except hyperlink)

Page(index) Page(nav, subpage) Page(news, sub-subpage (id=news ) ) Page(fashion, sub-subpage (id=fashion) )

Now back to the config.xml, for example: 3. <nav id="news" name="NEWS" src="index/nav/news" link="false" /> 4. When the user click the news button, the site will go to Page(site.xml): <page id="news" title="NEWS" src="news.swf" route="news" depth="middle"> <asset id="data" src="xml/news.xml" preload="false" /> <asset id="bg" src="images/slideshow/1.jpg" preload="false" /> </page> Then the template will load news.swf.

If you want to know more information about the site.xml, you can find here: http://www.gaiaflashframework.com/wiki/index.php?title=Site_XML
Change email adress Open contact.php, you can modify like the follow lines: $sitename $to $ToName = "http://yourwebsite.com"; = "youremail@gmail.com"; = "yourname";

How to Edit Your News 1. Open xml/news.xml 2. You can find the nodes (title, date, thumbnail, image, information) Also, you can change the buttons color via xml/config.xml.

How to Edit Your About You can find the xml files in the folder (xml\about). Then edit the nodes in xml. Also, you can change the buttons color of team and service via xml/config.xml.

How to Edit Your Contact Open xml/contact.xml, then modify the information.

How to Edit Your Slideshow 1. Open xml/slideshow.xml 2. You can find the nodes (image, text) , Also, you can change the tile, button color and interval via xml/config.xml

How to Edit Your Gallery You can find the xml files in the folder (xml\categories). Then edit the nodes in xml. The gallery supports video and image. And the video support two types: native video and youtube. When type is "video", it is native video, and when type is "youtube", it's youtube. Also, you can change the buttons (left-right buttons and controller buttons on the right-bottom when image or video opened) color , color tweentime and thumbnail row via xml/config.xml.

How to Edit Showreel You can find the xml files in the folder (xml/reel.xml). Then edit the nodes in xml. Also, you can change the color of the progress bar via xml/config.xml.

How to Change Preloader color ( This step need to have a flash CS3+) Open preload.fla, you can find the preloader on left-top stage, change its color to yours via properties panel. Publish preload.fla.

Spcecial thanks to InLifeTrill for allowing me to use his videos. The images were bought from http://www.fotolia.com and http://depositphotos.com just for preview. Music download here.
Good Luck using the file in your projects! If have any question, contact me via my Profile.