Main page Add to Favorites Contact
Web menus for you

Flash Extensions
  picasso navigation bar
  chameleon flash menu bar
  total extension kit
  total flash menu
  total pic flash menu
  total flash news ext
  total flash button
  total flash mouse
  get cross-domain content
  removing IE activation

Flash menus downloads / Buy flash menu

Flash menus awards
Flash-Extensions terms
Link to Flash-Extensions
Flash-Extensions support
Flash menus FAQ
 

TOTAL FLASH NEWS BUILDER TUTORIAL - XML driven flash menu (SWF object)

 

Purchase and Installation

Once you purchase the object, the link to the download file will be sent to you by e-mail. This will be a zip archive with the object files and the documentation. Download this archive to your computer and unzip it.

 

Starting the Work

To start working simply paste object HTML into your page and setup xml configuration file. You can place configuration file anywhere on your server.

 

Object HTML code

We recommend you to use the SWFObject. SWFObject is an easy-to-use and standards-friendly method to embed Flash content, which utilizes one small JavaScript file.

You can download SWFObject.js file here: 
DOWNLOAD SWFObject

1. Paste this code into your HTML-page and replace object stage parameter with your values.
2. Download and save the swfobject.js file near with your HTML-page.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="swfobject.js"></script>
    <script type="text/javascript">
      var flashvars = {};
      flashvars.xmlURL = "path to configuration file";
      var params = {};
      params.quality = "high";
      params.scale = "noscale";
      params.bgcolor = "background color";
      var attributes = {};
      swfobject.embedSWF("swf file path", "myAlternativeContent", "width", "height", "7.0.0", "expressInstall.swf", flashvars, params, attributes);
    </script>
  </head>
  <body>
    <div id="myAlternativeContent">
      <a href="http://www.adobe.com/go/getflashplayer">
        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
      </a>
    </div>
  </body>
</html>


Read more on our FAQ page.

 

Object stage parameter

Width
This parameter controls width of flash object stage on your HTML-page. The width of the object can be different.

Height
This parameter controls height of flash object stage on your HTML-page. The height of the object can be different.

Swf file path
This parameter points to the object swf file. You can store your swf files anywhere on server.

Background color
This parameter controls background color of object stage. So you can adjust its look and fee. The color should be set in RGB in the following format: #NNNNNN, where N is a hexadecimal number (0-F).

Path to the configuration file
This parameter points to the object xml configuration file. You can store your xml files anywhere on server.
But remember this path can be absolute (example: http://www.yourdomain.com/config/menu01.xml) or relative to the directory with your HTML page (example: ../config/menu01.xml).

 

Object parameter

News properties


News width
This parameter sets the width of the news container.

News height
This parameter sets the height of the news container.

News background
This parameter is the path to the news background file. Its value may be either an external jpeg or swf (+ gif & png, if you work in the Flash 8) file path. If no name is specified, the background will not be used. If the name is incorrect, the background will not be used.


News style (Independent color settings for header and background of the news blocks)


Background color & alpha
This parameter determines the news block element background color & alpha. The color should be set in RGB in the following format: NNNNNN, where N is a hexadecimal number (0-F), alpha: N, where N is a number (0-100).

Background gradient colors & alpha
This parameter determines the news block element background gradient colors (topColor and bottomColor) & alpha. The color should be set in RGB in the following format: NNNNNN, where N is a hexadecimal number (0-F), alpha: N, where N is a number (0-100).

Border color & alpha
This parameter determines the news block element border color & alpha. The color should be set in RGB in the following format: NNNNNN, where N is a hexadecimal number (0-F), alpha: N, where N is a number (0-100).

Scrollbar colors
This parameter determines the news block element scrollbar colors: face color, arrow color, dark shadow color, shadow color, highlight color, highlight3D color, scroll track color. The color should be set in RGB in the following format: NNNNNN, where N is a hexadecimal number (0-F), alpha: N, where N is a number (0-100).


News look style


News headers height
This parameter sets the height of the news headers.

Distance between news
This parameter sets the distance between news blocks.

Button text size
This parameter determines the text size of the button. The text size should be set in the following format: N, where N is a number.

Content indent
This parameter determines the content indent from sides of the news block. The content indent should be set in the following format: N, where N is a number.

Background rounded corners
This parameter determines the radius of the background rounded corners. The radius should be set in the following format: N, where N is a number.


News blocks


Header label
This parameter determines the label of the news header.

first page small image
This parameter points to the first page small image file. You can store your image files anywhere on server. But remember this path can be absolute (example: http://www.yourdomain.com/images/button_rollover.jpg) or relative to the directory with your HTML page (example: ../images/first_img.jpg).

First page text
This parameter determines the first page text of the news block.

Second page big text
This parameter determines the second page big text of the news block.

Read more & back buttons
This parameter determines the label for "read more" button (to show big text) and label for "back" button.

News block visibility
If you want that the news block was unvisible then set disable="1".

To hide any part of the news block just remove this node. If you use HTML tags in texts and labels don't remove xml tag CDATA (example: <![CDATA[ YOUR HTML TEXT ]]>). You can create as many news blocks as you need.

 

XML File Format

The object settings XML file is a usual text file of the following format:


<menu>

<properties>

<news_size>

<news_width value="780"/>
<news_height value="400"/>

</news_size>

<colors_and_alpha>

<header>
<main_color Color="FFFFFF" Alpha="100"/>
<gradient_color topColor="90D290" bottomColor="009900" Alpha="90"/>
<border_color Color="006633" Alpha="40"/>
</header>

<background>
<main_color Color="FFFFFF" Alpha="100"/>
<gradient_color topColor="FFFFFF" bottomColor="FFFFFF" Alpha="100"/>
<border_color Color="006633" Alpha="40"/>
</background>

<general_scrollbar>
<face_color Color="90D290"/>
<arrow_color Color="21A621"/>
<darkshadow_color Color="21A621"/>
<shadow_color Color="90D290"/>
<highlight_color Color="90D290"/>
<highlight3D_color Color="90D290"/>
<scrolltrack_color Color="CCF3CC"/>
</general_scrollbar>

<free_version_limitation>
<fe_header_text_color Color="FFFFFF"/>
<fe_news_text_color Color="658185"/>
</free_version_limitation>

</colors_and_alpha>

<news_view>

<news_headers height="38"/>
<distance_between_news height="5"/>
<bg_round_corners radius="5"/>
<content_indent width"13"/>

</news_view>

<your_background>
<bg bg_file_path="menus/menu1/bg.jpg"/>
</your_background>

</properties>

<news>
<news_block disable="0">
<header_label><![CDATA[YOUR HEADER TEXT HERE]]></header_label>
<first_small_image url="image.jpg" border="0" width="60" height="60" align="left" link="image link url"/>
<first_small_text><![CDATA[YOUR SMALL TEXT HERE]]></first_small_text>
<second_big_text><![CDATA[YOUR BIG TEXT HERE]]></second_big_text>
<read_more_button_label><![CDATA[YOUR BUTTON LABEL HERE]]></read_more_button_label>
<back_button_label><![CDATA[YOUR BUTTON LABEL HERE]]></back_button_label>
</news_block>
</news>

</menu>

 
  HOME   SUPPORT   FAQ   SITEMAP   LINK TO US   TERMS
Copyright 2005-2009 Flash-Extensions.net All Rights Reserved

flash news builder features
flash news builder tutorial
flash news builder online demos
flash news builder download