Flash SWF Object features
----------------------------------------
- Unlimited text length
- HTML formated text
- You can insert gif, jpeg, png and swf in the any news texts
- Any font
- Special symbols support
- Color news settings including transparency levels
- - Background color
- - Background gradient colors
- - Border color
- - Colors for different part of the general scrollbar
- Independent color settings for header and main part of the news block
- Setting news' appearance
- - Header height
- - Round corners radius
- - Content indent
- - Distance between news
- Parts of the news bloks
- - Header label
- - First small image
- - First small image align
- - First small image border
- - First small text
- - Second big text
- - "Read more ..." button label
- - "Back" button label
- You can disable/enable any part of the news block
- Import background pictures
- Easy to use
- Small file sizes (less than 16 KB including XML configuration file)
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
----------------------------------------
Paste this code into your HTML-page and replace object stage parameter with your values. (following HTML-code supports MS Internet Explorer and Netscape Navigator)
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="width" height="height">
<param name="movie" value="swf file path">
<param name="quality" value="high">
<param name="scale" value="noscale">
<param name="bgcolor" value="background color">
<param name="flashVars" value="xmlURL=path to configuration file">
<embed src="swf file path" width="width" height="height" flashvars=" xmlURL=path to configuration file" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" scale="noscale" bgcolor="background color"></embed>
</object>
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>
|