Remarks:
- Due to flash 9 security restrictions, this flash template will have a better behaviour when it's online. When it's running online, transition between pages go more smoothly and all template features are fully operational.
- This flash template is very easy to customize : no flash programming knowledge required and you don't need Macromedia Flash to customize it. You customize it through external XML and (X)HTML files.
- The zip file include dfGallery (an imageviewer, http://dezinerfolio.com) and lightbox (http://www.huddletogether.com/projects/lightbox2/).
How to :
1. How to customize home page?
- Open the file index.htm with notepad or any HTML editor and edit you website name, slogans, news insert, copyright, etc. The file index.htm is the main template of the website, it means that every modifications you will make on this file will appear on every page of your website.
2. How to add a new page / a new button ?
- Open the file index.htm with notepad or any HTML editor and add the following code between the lines <!-- Menu --> and <!-- Menu end --> :
myButton('YOUR PAGE NAME','_mypagename.htm');
- Create file _mypagename.htm with your HTML content. Don't put <html>,<head>, <body>,... tags in this file as it will be loaded as a <div> in the main page.
3. How to customize dynamic flash buttons ?
Open and edit button.xml file : Becarfull to not add "#" before colors.
<?xml version='1.0' encoding='UTF-8' ?>
<button>
<item_default_bgcolor>FFFFFF</item_default_bgcolor>
<item_default_text_color>B9B9B9</item_default_text_color>
<item_mousover_text_color>FFFFFF</item_mousover_text_color>
<item_mousover_bgcolor>669AC6</item_mousover_bgcolor>
<item_default_bullet_color>ffffff</item_default_bullet_color>
<item_mousover_bullet_color>F47B33</item_mousover_bullet_color>
<item_font>Trebuchet MS</item_font><!--use "default" : <item_font>default</item_font> for a better rendering -->
<item_font_size>16</item_font_size>
<item_letter_spaceing>0.2</item_letter_spaceing>
<item_bold>yes</item_bold>
<item_x>19</item_x>
<item_y>2</item_y>
<item_play_sound>yes</item_play_sound>
</button>
4. How to customize dynamic flash header ?
You can add as many images and slogans you want, but too many images will slowdown your flash header download.
Open and edit custom.xml file. Replace red values by yours. Becarfull to not add "#" before colors.
<?xml version='1.0' encoding='UTF-8' ?>
<header_vars>
<!-- music controler (music note) color -->
<graphics_color>FFFFFF</graphics_color>
<animation_loop>no</animation_loop>
<!-- transition time (in seconds) between two animation screens -->
<transition_time_seconds>5</transition_time_seconds>
<header>
<text_header_h1 x_pos="5" y_pos="55" size="19" letter_spacing="0" text_color="FFFFFF">YOUR WAY TO SUCCESS</text_header_h1>
<text_header_h2 x_pos="10" y_pos="80" size="10" letter_spacing="1.9" text_color="FFFFFF">YOUR OWN SLOGANS AND IMAGES</text_header_h2>
<image>images/flashimages/your_image2.jpg</image>
</header>
<header>
.....
</header>
<header>
....
</header>
<!--
change to play_music="no" if you don't want to add music to your header
change to music_contro="no" if you don't want to display music controler. If you have music_file loop="no" you MUST have music_control="no"
-->
<music_file loop="no" music_control="no" play_music="yes">sounds/music.mp3</music_file>
<!-- change to <play_transition_sound_file>no</play_transition_sound_file> -->
<play_transition_sound_file>yes</play_transition_sound_file>
<!-- change to <display_preload graphic_color="669ac6">no</display_preload> if you don't want to show the flash header prealoder-->
<display_preload graphic_color="669ac6">yes</display_preload>
<replay display="yes" x_pos="493" y_pos="135" size="8" letter_spacing="1" bgd_color="FFFFFF" text_color="000000"> REPLAY</replay>
</header_vars>
5. How to configure contact form ?
The contact form will only work when your template will be online and hosted on a PHP server.
Open and edit contact.php file and edit the following line :
$your_email = "example@example.com";
6. How to configue the image viewer ?
http://www.dezinerfolio.com/system/files/Manual.zip
6. How to overlay images on the current page ?
Add this code at the end of your page:
<script type="text/javascript">
initLightbox();
</script>
Add rel="lightbox" attribute to any link tag to activate the lightbox. For example:
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
Optional: Use the title attribute if you want to show a caption.