html5 menu builder | Get css drop down menu | HTML5 menu example | CSS menu maker | Menu html css example | Web menu design | Web menu inspiration
This is old product page. Use new version from swimbi.com:
CSS Menus made easy by SWIMBI, drop down menus, vertical menus

Chameleon Menu Builder

Chameleon menu builder Universal flash menu builder with user friendly UI or external XML file. Main advantages of the menu builder: - additional flash buttons themes, - unlimited levels of a submenu, - horizontal or vertical type of the menu, - popup or drop down type of the submenu. Color parameters of the sub menu buttons can be customized independently of the main menu buttons. It takes changing only one parameter to turn a horizontal menu into a vertical one!

Component info

Flash Component - is a standard extension for Macromedia Flash MX2004, Flash 8 and Flash CS3 (ActionScript 2.0). You simply install the MXP file and then you just drag & drop the extension from the Components panel onto the scene of your movie. All parameters can be modified in a really easy to use interface (Custom UI). Also, component can operate with external XML file.

Flash SWF Object info

The object is a ready-to-use SWF file that you simply integrate into your HTML page. We have developed the object for users who do not have Macromedia Flash. The object cannot be controlled with ActionScript. It can set up only through an XML file.

Online demos

Chameleon menu builder demos


Chameleon Menu Builder features




Description of parameters


Menu properties

Menu type
This parameter determines the type of the menu. If set to "vertical", the menu will be vertical. If set to "horizontal", the menu will be horizontal.

Sub menu vertical align
This parameter determines the vertical align of the sub menu. If set to "top", the sub menu will be drop down. If set to "bottom", the menu will be popup.

Sub menu horizontal align
This parameter determines the horizontal align of the sub menu. If set to "left", the sub menu will appear on the right. If set to "right", the sub menu will appear on the left.

Button width
This parameter sets the width of the main and sub buttons.

External menu theme
This parameter is the path to the menu buttons theme file. Its value may be either an external swf (themename.swf) file path. If no name is specified, the included basic theme will be used. If the name is incorrect, the component will not work.

Menu background
This parameter is the path to the menu 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.

Menu rollover sound
This parameter is the path to the menu buttons rollover sound file. Its value may be either an external mp3 file path. If no name is specified, the rollover sound will not be used. If the name is incorrect, the rollover sound will not be used.


Menu style (Independent color settings for main and sub menus)

Button background color
This parameter determines the button background color. The color should be set in RGB in the following format: NNNNNN, where N is a hexadecimal number (0-F).

Button rollover bar color
This parameter determines the button rollover bar color. The bar color will be displayed when the user will rollover the cursor on the button. The color should be set in RGB in the following format: NNNNNN, where N is a hexadecimal number (0-F).

Button text color
This parameter determines the button label color. The color should be set in RGB in the following format: NNNNNN, where N is a hexadecimal number (0-F).

Button rollover text color
This parameter determines the button rollover label color. The bar color will be displayed when the user will rollover the cursor on the button. The color should be set in RGB in the following format: NNNNNN, where N is a hexadecimal number (0-F).

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.

Button text font
This parameter determines the button label font.

Button text bold status
This parameter determines the bold status of a button label. If set to "0", the bold status will be disabled. If set to "1", the bold status will be enabled.


Menu tree

Menu tree editor
Here you can add, remove and change main and sub buttons.

Button actions
If you want that the button was visible without execute any action then set it's ACTION to "".

"GetUrl" opens url in target window.
"loadMovie" load your file (jpeg, swf + gif & png, if you work in the Flash 8) in target movie clip.
"gotoAndStop" go and stop to frame or label in target movie clip.
"gotoAndPlay" go and play to frame or label in target movie clip.
"nameofyourfunction" execute your function in target movie clip and transfer parameter in it (if it is necessary).


XML File Format


To prepare your object for work you need setup configuration xml file. The component settings XML file is a usual text file of the following format:
<menu>

	<properties>
	
		<menu_type type="vertical"/>
		<menu_vertical_align align="top"/>
		<menu_horizontal_align align="left"/>
		<menu_theme theme_file_path=""/>
		<menu_buttons_width width="160"/>
		<menu_background bg_file_path=""/>
		<menu_rollover_sound mp3source="" mp3volume="10"/>
	
	</properties>

	<style>
	
		<main_button_background Color="BFAA8C"/>
		<main_button_rollover_bar_light Color="52402E"/>
		<main_button_text Color="52402E" rolloverColor="FFFFFF"/>
		<main_button_text_font name="Tahoma"/>
		<main_button_text_bold state="1"/>
		<main_button_text_size size="11"/>
		<sub_button_background Color="ABBF8C"/>
		<sub_button_rollover_bar_light Color="526237"/>
		<sub_button_text Color="52402E" rolloverColor="FFFFFF"/>
		<sub_button_text_font name="Tahoma"/>
		<sub_button_text_bold state="1"/>
		<sub_button_text_size size="11"/>
	
	</style>

	<buttons>
	
		<button text="Button actions" url="" target="" action="">
			<button text="getUrl action" url="your.html" target="_blank" action="getUrl"/>
			<button text="loadMovie" url="tst.swf" target="_parent.test_mc.swfloader" action="loadMovie"/>
			<button text="gotoAndStop action" url="30" target="_parent.test_mc" action="gotoAndStop"/>
			<button text="gotoAndPlay action" url="playframe" target="_parent.test_mc" action="gotoAndPlay"/>
			<button text="myFunction action" url="1000" target="_parent.test_mc" action="myFunction"/>
		</button>
		<button text="Products" url="your.html" target="_blank" action="getUrl"/>
		<button text="Services" url="your.html" target="_blank" action="getUrl"/>
		<button text="Contact Us" url="your.html" target="_blank" action="getUrl"/>
		<button text="Company" url="your.html" target="_blank" action="getUrl"/>
	
	</buttons>

</menu>

Object HTML code (for SWF object users)


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

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 (for SWF object users)


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).