Phoenix Documentation Files


“Temple Portfolio Theme”

For support regarding this theme please contact me on the my activeden profile using the contact form with the account you purchased the file with. Failure to provide evidence of sale will result in no support.

Thanks for purchasing and enjoy the template :)

Welcome to the Temple Docs. You can find all you need to know about this theme underneath. Before customization or upload please read the prenotes as they contain important information that will help you.


Table of Contents

  1. Pre Notes
  2. Main Site Settings
  3. General Module Settings
  4. Slideshow Module Settings
  5. Portfolio Module Settings
  6. Gallery Module Settings
  7. Contact Module Settings
  8. End Notes

1) Pre Notes - top

Before customizing the theme please consider the following. Enjoy!

Deeplinking - Deeplinking only works on a web server. It will not work locally. NEVER publish a new html document when altering the index.fla file. Only export the swf.

Contact Module - It will only send emails on a web server. Your web server must support php. To edit the email subject headers and message body, go to the php folder and open contact.php.

What is XML? XML is a list of values. It is barely even a coding language. XML is laid out in nodes. There are two types of nodes: <settings></settings> & <settings />

HOW TO INSTALL THE TEMPLATE
Simply upload the main folder to your web server. You don’t need to include the fla files.


2) Main Site Settings - top

The main site settings are driven by index.xml in the xml folder.

The settings node contains the sites main features. Lets have a look...

<settings

logo = "images/logo.png" Your logo url
html_title = "AS3 XML Temple Portfolio Template" Page Address Title

back_ground = "images/bg.jpg" The background of your site

fullscreen_button_symbol_color = "0xf7f7f7" Fullscreen & audio button settings - RGB Color Codes
fullscreen_button_back_ground_color = "0x000000"
audio_button_symbol_color = "0xf7f7f7"
audio_button_back_ground_color = "0x000000"

footer_text_color = "0xffffff" The color of the footer text

preloader_color = "0xffffff" The preloader text color

menu_text_color = "0xffffff" The menu text color
menu_y = "25" The menu y position

/>

The next node contains all the menu nodes. You can remove, edit and add any menu item you like. Below are two examples of menu items.

You can use this one to load the templates modules. You can also load your own swf's but remember to change custom_module to true.

<item
item_name = "CONTACT US" The name of the menu item
item_xml = "xml/contact.xml" The name of the xml file you have used with the module. You can the same swf and just create a new xml file.
item_module = "contact.swf" The module url
item_link = ""
link_type = ""
custom_module = "false" If you are loading your own swf's change this to true

/>

This one below must be used to create a link from the menu.

<item
item_name = "LINK"
item_xml = ""
item_module = ""
item_link = "http://activeden.net/user/thePhoenix" The link
link_type = "_blank" The link target - You can choose _blank, _parent and _self
custom_module = "false"
/>

The next node contains audio settings.

The next node contains the footer text. Do not delete the cdata tags at any time.


3) General Module Settings - top

The general module can be used for anything like news, projects, services and about us.

The settings node contains all the colors and some other settings.

<settings

title_text = "About Us" Title of the page

menu_back_ground_color = "0x1A1A1A" The background behind the menu
menu_text_color = "0xffffff" The menu text color

left_title_color = "0xf7f7f7" The left main title color
right_title_color = "0xf7f7f7" The right main title color

section_back_ground_color = "0x1f1f1f" The background color
section_scroll_bar_color = "0xcccccc" The scroll bar dragger color
section_scroll_bar_back_ground_color = "0x1a1a1a" The scroll bar background color

/>

The next node contains all the menu items and the item content. Lets have a look at an example.

<item>
<name>What We Do</name> The title of the section
<deep_link>What We Do</deep_link> The deep link
<body><![CDATA[<font color="#F7F7F7"></font>]]></body> This is the main body of each section. To change the color of the text use the font tag like in this example. The supplied modules also show you how to load images into the text.

</item>


4) Slideshow Module Settings - top

The slideshow.xml runs this module. To use any module again just copy a new xml file, you don't have to create a new swf.

The settings node covers the look of the module and some otehr additional settings.

<settings

slideshow_duration = "10000" Duration between each slide
slideshow_autostart = "true" Starts the slideshow on load

preloader_color = "0xffffff" Preloader text color

info_back_ground_color = "0x242424" The background color of the info box

controls_back_ground_color = "0x000000" The background of the controls
controls_navigation_arrow_color = "0xffffff" The arrow colors
controls_slides_id_color = "0xffffff" The color of the id text
controls_slideshow_button_color = "0xffffff" The color of the slideshow color

/>

The next node contains all our slides. Lets look at an example of one slide. You can always add and remove as many as you want.

<item>
<name>Slide 2</name> Deeplink
<thumb_image>images/slideshow/thumbs/2.jpg</thumb_image> Preview thumb - 80x60 pixels
<main_file>images/slideshow/files/2.jpg</main_file> The main file url
<info><![CDATA[<font color="#FF0000">This is a html formatted description. You can enable/disable info for each slide.</font>]]></info> Info is optional - To disable info just use <![CDATA[]]> in between the info tags
</item>


5) Portfolio Module Settings - top

The portfolio module consists of more than one xml file. The main portfolio xml file contains all the settings & the galleries. gallery1.xml & gallery2.xml are the galleries that you load. You can always use these to create extra galleries. First we will look at the main portfolio xml file portfolio.xml below.

The image dimensions for the galleries' preview thumbs are 200x140.

The image dimensions for the galleries thumbs preview image is 220 x 150.

The settings node contains all the gallery settings.

<settings

module_title = "GALLERIES" Module Title Dislayed above the gallery thumbs
module_title_color = "0xffffff" Module Title Text Color

youtube_player_width = "480" If resize_files set to true the width of the youtube player
youtube_player_height = "360" If resize_files set to true the height of the youtube player

resize_files = "true" Files are scaled to fit the site. (Recommended)

preloader_color = "0xffffff" Preloader Color

galleries_navigation_arrow_colors = "0xffffff" Galleries Navigation Arrow Colors
galleries_navigation_text_back_ground_color = "0x1c1c1c" The background color of rollover text

thumbs_arrow_color = "0xffffff" Gallery thumbs arrow color

gallery_thumb_text_color = "0xffffff" The color of the rollover text
gallery_thumb_back_ground_color = "0x1c1c1c" The color of the rollover thumb background

back_grounds_color = "0x1c1c1c" The color of all the buttons excluding the info background color

symbol_and_label_color = "0xffffff" The color of the symbols for example navigational arrows

file_name_text_color = "0xffffff" The file name that appears under the selected file

video_loading_bar_color = "0x242424" Video Loading Bar Color
video_playing_bar_color = "0xffffff" Video Playing Bar Color
video_time_text_color = "0xffffff" Video time text color

info_back_ground_color = "0x1c1c1c" Info background color
info_title_text_color = "0xffffff" Info title text color
info_scroll_bar_dragger_color = "0xcccccc" Info scroll bar dragger color
info_scroll_bar_back_ground_color = "0x333333" Info scroll bar background color

/>

The next node contains all the galleries you want to include in your site. You can add and remove as many you like. Below is an example of a gallery.

<item>
<name>Fashion</name> Deeplink name
<xml>xml/gallery1.xml</xml> The xml file that contains all your items
<preview_image>images/portfolio/gallery_thumbs/image1.jpg</preview_image> The preview image - 200x140
<info><![CDATA[<font color="#ffffff">XML GALLERY DESCRIPTION</font>
<font color="#333333">LOREM IPSUM DOLER AMIT</font>]]></info> The gallery text that appears on rollover.
</item>


5) Gallery Module Settings - top

Inside the gallery1.xml & gallery2.xml you will find the gallery node. In this node there are item nodes containing all the files in your gallery. You can add as many as you like. Below is an example...

<gallery>

<item type = "image"> Choose from image, swf, video and youtube
<name>Model with brown hair and red lipstick</name> The name of the file & deep link value
<preview_thumb>images/portfolio/gallery1/preview_thumbs/image1.jpg</preview_thumb> The file preview image - 220x150
<file>images/portfolio/gallery1/files/image1.jpg</file> The main file. If you are using youtube videos put the unique id of the video for example - http://www.youtube.com/watch?v=hOlxT_iuszM you would put hOlxT_iuszM.
<youtube_video_start_time>3</youtube_video_start_time> The start time of the youtube video
<info><![CDATA[<img hspace="3" vspace="2" src="images/general/1.jpg"><textformat blockindent="10"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent quam lorem, lacinia sed dictum vel, rhoncus eu tortor. Vivamus malesuada magna tellus. Sed elementum felis quis felis tempus quis pretium felis laoreet. Fusce quis justo quam, id blandit lorem. </textformat>Suspendisse tempus dui quis lectus sagittis in congue risus suscipit. Nunc non libero risus. Pellentesque et lacus consectetur massa condimentum consectetur eu adipiscing tellus. Nam vitae pretium tellus. Phasellus sed mauris et ipsum tincidunt adipiscing nec in lectus. Suspendisse at fermentum diam.

Fusce pellentesque, enim eu vestibulum sollicitudin, orci nulla porttitor velit, sed sodales mauris ligula id elit. Donec aliquet suscipit sodales. Mauris malesuada enim ac nibh pharetra pulvinar. In convallis diam in massa molestie at consectetur dui tempus. Nulla facilisi. Praesent pharetra auctor magna et fermentum.

Aenean quis nisi mi. Maecenas auctor enim sed risus rhoncus id scelerisque neque mollis. Sed egestas, neque in luctus hendrerit, ante ante ultrices elit, et egestas quam mi dignissim neque. Duis a dolor sed dui tristique tincidunt. Maecenas vel mi non enim venenatis posuere. Maecenas molestie neque vitae nisi tempor auctor. Morbi non nibh libero. Donec aliquet convallis sagittis. Phasellus a tincidunt justo. Donec sed nunc mi. Praesent venenatis risus blandit dolor pulvinar convallis. Sed lobortis gravida sapien a sodales. Maecenas eu lorem id lorem egestas elementum. Donec auctor, ipsum venenatis tristique tristique, lectus tellus feugiat arcu, vitae elementum sapien quam et libero. Fusce ultrices luctus bibendum. Aenean vitae massa lorem.]]></info> The info text for the file. It is optional just delete everything in between the cdata tags even spaces.
</item>


5) Contact Module Settings - top

The contact.xml manages the contact module.

The first node contains the settings of the contact module.

<settings

module_title = "Contact Form" Right module title
module_title_color = "0xffffff" Right module title color

contact_title_text = "Company Info" Left title text
contact_title_text_color = "0xffffff" Left title text color

admin_email = "your@email.here" Your email address

success_result_text = "Your message has been sent!" Success result text
error_result_text = "Your message has not been sent!" Error result text

back_ground_color = "0x242424" Contact form background color
info_back_ground_color = "0x000000" Info background color

input_text_color = "0xffffff" Input text color
input_text_back_ground_color = "0x000000" Input text background color

contact_form_buttons_back_ground_color = "0x000000" The submit/clear button background
contact_form_buttons_text_color = "0xffffff" The submit/clear button text color

result_text_color = "0xff0000" The result & feedback text color

/>

The next node contains all the input field values.

The next node contains the info. Do not delete the cdata tags.


5) End Notes - top

Thanks for reading the documentation. Don't forget to rate this file.

If you would like to know about future releases make sure that you follow me on ActiveDen.