>  Home  >  Menus  >  Skinnable Accordion Menu
What others are doing with this generator >
Free animations will
display a FlashVortex.com ad.
0
283
[{"parameterId":"1663","generatorId":"283","position":"1","typeId":"5","name":"","value":"Step 1. Enter buttons' text labels and links :","form":"separator","description":"","hint":"","free":"1","setup":{"fontSize":"16","topSpace":"0"},"parent":-1},{"parameterId":"1650","generatorId":"283","position":"2","typeId":"2","name":"{menuText}","value":"Your Text\r-Sub Button 1\r-Sub Button 2\r-Sub Button 3\r-Sub Button ...\rHere !\r-Sub Button 1\r-Sub Button 2\r-Sub Button 3\r-Sub Button 4\r-Sub Button ...\rIt's Fast\r-Sub Button 1\r-Sub Button 2\r-Sub Button 3\r-Sub Button 4\r-Sub Button 5\r-Sub Button ...\rand\r-Sub Button 1\r-Sub Button 2\r-Sub Button ...\rVery Easy.\r-Sub Button 1\r-Sub Button 2\r-Sub Button ...\rTry it Free !\r-Sub Button 1\r-Sub Button 2\r-Sub Button ...","form":"textArea","description":"Buttons' labels","hint":"1 button label per line, add or remove a line to change the number of buttons.","free":"1","setup":{"width":"400","height":"200","wordWrap":"0","unicode":"0"},"parent":-1},{"parameterId":"1651","generatorId":"283","position":"3","typeId":"2","name":"{menuLink}","value":"http:\/\/www.yourdomain.com\/yourtext.html\rhttp:\/\/www.yourdomain.com\/subbutton1.html\rhttp:\/\/www.yourdomain.com\/subbutton2.html\rhttp:\/\/www.yourdomain.com\/subbutton3.html\rhttp:\/\/www.yourdomain.com\/subbuttonx.html\rhttp:\/\/www.yourdomain.com\/here.html\rhttp:\/\/www.yourdomain.com\/subbutton1.html\rhttp:\/\/www.yourdomain.com\/subbutton2.html\rhttp:\/\/www.yourdomain.com\/subbutton3.html\rhttp:\/\/www.yourdomain.com\/subbutton4.html\rhttp:\/\/www.yourdomain.com\/subbuttonx.html","form":"textArea","description":"Links","hint":"1 link per line, same order as above.","free":"1","setup":{"width":"400","height":"200","wordWrap":"0","unicode":"0"},"parent":-1},{"parameterId":"1652","generatorId":"283","position":"4","typeId":"2","name":"{menuTarget}","value":"","form":"textArea","description":"Targets","hint":"IMPORTANT: Leave blank if you dont use web frames. Same order as above.","free":"0","setup":{"width":"200","height":"200","wordWrap":"0","unicode":"0"},"parent":-1},{"parameterId":"1667","generatorId":"283","position":"5","typeId":"5","name":"","value":"Step 2. Choose and edit your menu's skin :","form":"separator","description":"","hint":"","free":"1","setup":{"fontSize":"16","topSpace":"50"},"parent":-1},{"parameterId":"1649","generatorId":"283","position":"6","typeId":"7","name":"skin","value":"274","form":"instance","description":"Choose your menu's skin","hint":"","free":"1","setup":{"libraryId":"29","displayPreview":"0","displayParameters":"STextButton_default,STextButton_subButton,SWindow_default,SFont_all"},"parent":-1},{"parameterId":"1533","generatorId":"274","position":"1","typeId":"2","name":"{hue}","value":"0","form":"number","description":"Adjust skin's hue","hint":"You can preview the hue values by using the slider on the skin's preview.","free":"1","setup":{"maxValue":"360","onlyPositive":"1","units":"From 0 to 360."},"parent":5},{"parameterId":"1560","generatorId":"274","position":"2","typeId":"5","name":"","value":"Skin's Window","form":"separator","description":"","hint":"","free":"1","setup":{"fontSize":"13","topSpace":"0"},"parent":5},{"parameterId":"1681","generatorId":"274","position":"3","typeId":"2","name":"{SWindow_default_titleAlign}","value":"center","form":"list","description":"Title text align","hint":"","free":"1","setup":{"options":{"option0":{"name":"Left","value":"left"},"option1":{"name":"Center","value":"center"},"option2":{"name":"Right","value":"right"}}},"parent":5},{"parameterId":"1682","generatorId":"274","position":"4","typeId":"2","name":"{SWindow_default_titleTextColor}","value":"0xFFFFFF","form":"color","description":"Title text color","hint":"","free":"1","setup":{"prefix":"0x"},"parent":5},{"parameterId":"1683","generatorId":"274","position":"5","typeId":"2","name":"{SWindow_default_titleShadowColor}","value":"0x09678D","form":"color","description":"Title text border color","hint":"","free":"1","setup":{"prefix":"0x"},"parent":5},{"parameterId":"1561","generatorId":"274","position":"6","typeId":"5","name":"","value":"Skin's Main Button","form":"separator","description":"","hint":"","free":"1","setup":{"fontSize":"13","topSpace":"0"},"parent":5},{"parameterId":"1684","generatorId":"274","position":"7","typeId":"2","name":"{STextButton_default_labelAlign}","value":"left","form":"list","description":"Text align","hint":"","free":"1","setup":{"options":{"option0":{"name":"Left","value":"left"},"option1":{"name":"Center","value":"center"},"option2":{"name":"Right","value":"right"}}},"parent":5},{"parameterId":"8961","generatorId":"274","position":"8","typeId":"2","name":"{STextButton_default_labelSize}","value":"8","form":"number","description":"Text size","hint":"","free":"1","setup":{"maxValue":"50","onlyPositive":"1","units":""},"parent":5},{"parameterId":"1685","generatorId":"274","position":"9","typeId":"2","name":"{STextButton_default_labelUpTextColor}","value":"0x000000","form":"color","description":"Text color of initial state","hint":"","free":"1","setup":{"prefix":"0x"},"parent":5},{"parameterId":"1686","generatorId":"274","position":"10","typeId":"2","name":"{STextButton_default_labelOverTextColor}","value":"0xFFFFFF","form":"color","description":"Text color of mouse over state","hint":"","free":"1","setup":{"prefix":"0x"},"parent":5},{"parameterId":"1687","generatorId":"274","position":"11","typeId":"2","name":"{STextButton_default_labelDownTextColor}","value":"0x000000","form":"color","description":"Text color of mouse down state","hint":"","free":"1","setup":{"prefix":"0x"},"parent":5},{"parameterId":"1564","generatorId":"274","position":"12","typeId":"5","name":"","value":"Skin's Sub Button","form":"separator","description":"","hint":"","free":"1","setup":{"fontSize":"13","topSpace":"0"},"parent":5},{"parameterId":"1688","generatorId":"274","position":"13","typeId":"2","name":"{STextButton_subButton_labelAlign}","value":"left","form":"list","description":"Text align","hint":"","free":"1","setup":{"options":{"option0":{"name":"Left","value":"left"},"option1":{"name":"Center","value":"center"},"option2":{"name":"Right","value":"right"}}},"parent":5},{"parameterId":"8962","generatorId":"274","position":"14","typeId":"2","name":"{STextButton_subButton_labelSize}","value":"8","form":"number","description":"Text size","hint":"","free":"1","setup":{"maxValue":"50","onlyPositive":"1","units":""},"parent":5},{"parameterId":"1689","generatorId":"274","position":"15","typeId":"2","name":"{STextButton_subButton_labelUpTextColor}","value":"0x000000","form":"color","description":"Text color of initial state","hint":"","free":"1","setup":{"prefix":"0x"},"parent":5},{"parameterId":"1690","generatorId":"274","position":"16","typeId":"2","name":"{STextButton_subButton_labelOverTextColor}","value":"0x000000","form":"color","description":"Text color of mouse over state","hint":"","free":"1","setup":{"prefix":"0x"},"parent":5},{"parameterId":"1691","generatorId":"274","position":"17","typeId":"2","name":"{STextButton_subButton_labelDownTextColor}","value":"0x000000","form":"color","description":"Text color of mouse down state","hint":"","free":"1","setup":{"prefix":"0x"},"parent":5},{"parameterId":"8597","generatorId":"274","position":"18","typeId":"5","name":"","value":"Skin's Fonts","form":"separator","description":"","hint":"","free":"1","setup":{"fontSize":"13","topSpace":"0"},"parent":5},{"parameterId":"1544","generatorId":"274","position":"19","typeId":"3","name":"FFF Professional Bold Extended_0_0","value":"284","form":"font","description":"Titles font","hint":"","free":"1","setup":[""],"parent":5},{"parameterId":"1545","generatorId":"274","position":"20","typeId":"3","name":"FFF Professional_0_0","value":"285","form":"font","description":"Buttons & Texts font","hint":"","free":"1","setup":[""],"parent":5},{"parameterId":"1664","generatorId":"283","position":"7","typeId":"5","name":"","value":"Step 3. Edit your menu's layout options :","form":"separator","description":"","hint":"","free":"1","setup":{"fontSize":"16","topSpace":"50"},"parent":-1},{"parameterId":"1660","generatorId":"283","position":"8","typeId":"2","name":"{menuPadding}","value":"2","form":"number","description":"Entire menu padding","hint":"The thickness of the empty border around the entire menu.","free":"1","setup":{"maxValue":"200","onlyPositive":"1","units":"pixels"},"parent":-1},{"parameterId":"1665","generatorId":"283","position":"9","typeId":"5","name":"","value":"Main Buttons Layout","form":"separator","description":"","hint":"","free":"1","setup":{"fontSize":"13","topSpace":"0"},"parent":-1},{"parameterId":"1653","generatorId":"283","position":"10","typeId":"2","name":"{mainButtonsWidth}","value":"120","form":"number","description":"Main buttons width","hint":"All main buttons will have this width.","free":"1","setup":{"maxValue":"1000","onlyPositive":"1","units":"pixels"},"parent":-1},{"parameterId":"1654","generatorId":"283","position":"11","typeId":"2","name":"{mainButtonsVSpacing}","value":"2","form":"number","description":"Main buttons vertical spacing","hint":"The vertical space between main buttons.","free":"0","setup":{"maxValue":"100","onlyPositive":"0","units":"pixels"},"parent":-1},{"parameterId":"1666","generatorId":"283","position":"12","typeId":"5","name":"","value":"Sub Menus Layout","form":"separator","description":"","hint":"","free":"1","setup":{"fontSize":"13","topSpace":"0"},"parent":-1},{"parameterId":"1657","generatorId":"283","position":"13","typeId":"2","name":"{subMenusWidth}","value":"120","form":"number","description":"Sub menus width","hint":"All sub menus will have this width.","free":"1","setup":{"maxValue":"1000","onlyPositive":"1","units":"pixels"},"parent":-1},{"parameterId":"1658","generatorId":"283","position":"14","typeId":"2","name":"{subMenusButtonsVSpacing}","value":"2","form":"number","description":"Sub buttons vertical spacing","hint":"Vertical space between sub menu buttons.","free":"0","setup":{"maxValue":"100","onlyPositive":"0","units":"pixels"},"parent":-1},{"parameterId":"1655","generatorId":"283","position":"15","typeId":"2","name":"{subMenusTopPadding}","value":"2","form":"number","description":"Sub menus top padding","hint":"The vertical distance between a main button and its sub menu.","free":"0","setup":{"maxValue":"200","onlyPositive":"0","units":"pixels"},"parent":-1},{"parameterId":"1656","generatorId":"283","position":"16","typeId":"2","name":"{subMenusLeftPadding}","value":"5","form":"number","description":"Sub menus left padding","hint":"The distance between the sub menus and the menu's left border.","free":"0","setup":{"maxValue":"200","onlyPositive":"0","units":"pixels"},"parent":-1},{"parameterId":"1669","generatorId":"283","position":"17","typeId":"5","name":"","value":"Sub Menus Animation","form":"separator","description":"","hint":"","free":"1","setup":{"fontSize":"13","topSpace":"0"},"parent":-1},{"parameterId":"1659","generatorId":"283","position":"18","typeId":"2","name":"{subMenusSpeed}","value":"150","form":"number","description":"Sub menus speed","hint":"How fast the sub menus will open and close. From 1 to 1000.","free":"1","setup":{"maxValue":"1000","onlyPositive":"1","units":"Pixels per second"},"parent":-1},{"parameterId":"1662","generatorId":"283","position":"19","typeId":"2","name":"{subMenusDynamics}","value":"regular","form":"list","description":"Sub menus dynamics","hint":"What animation effect to use to open and close sub menus.","free":"0","setup":{"options":{"option0":{"name":"Smooth","value":"regular"},"option1":{"name":"Bounce","value":"bounce"}}},"parent":-1},{"parameterId":"1668","generatorId":"283","position":"20","typeId":"5","name":"","value":"Step 4. Edit miscalleneous options :","form":"separator","description":"","hint":"","free":"1","setup":{"fontSize":"16","topSpace":"50"},"parent":-1},{"parameterId":"5648","generatorId":"283","position":"21","typeId":"2","name":"{displayWindow}","value":"1","form":"checkbox","description":"Display window frame","hint":"Check to display the window frame around the menu.","free":"1","setup":[""],"parent":-1},{"parameterId":"1661","generatorId":"283","position":"22","typeId":"2","name":"{windowTitle}","value":"Menu","form":"textField","description":"Window title","hint":"The title text that appears at the top of the menu's window.","free":"1","setup":{"width":"200","maxChars":"300"},"parent":-1},{"parameterId":"1647","generatorId":"283","position":"23","typeId":"1","name":"backgroundColor","value":"CCCCCC","form":"color","description":"Background color","hint":"The background color behind the menu's window.","free":"1","setup":[""],"parent":-1},{"parameterId":"1644","generatorId":"283","position":"24","typeId":"1","name":"width","value":"","form":"movieSize","description":"Menu width","hint":"Leave this field blank for automatic width calculation.","free":"0","setup":[""],"parent":-1},{"parameterId":"1645","generatorId":"283","position":"25","typeId":"1","name":"height","value":"","form":"movieSize","description":"Menu height","hint":"Leave this field blank for automatic height calculation.","free":"0","setup":[""],"parent":-1},{"parameterId":"1786","generatorId":"283","position":"26","typeId":"5","name":"","value":"FlashVortex.com link back ( members only )","form":"separator","description":"","hint":"","free":"1","setup":{"fontSize":"13","topSpace":"30"},"parent":-1},{"parameterId":"1648","generatorId":"283","position":"27","typeId":"2","name":"{hideLinkBack}","value":0,"form":"linkBack","description":"Remove FlashVortex.com advertising","hint":"CHECK this box to remove the FlashVortex.com ad.","free":0,"setup":[""],"parent":-1}]
[{"name":"*FFF Professional","value":"285","previewPath":"fonts\/285_1.swf"},{"name":"*FFF Professional Bold Extended","value":"284","previewPath":"fonts\/284_1.swf"}]
Show Members Only Features
Hide Members Only Features

( Displayed in red below )
Step 1. Enter buttons' text labels and links :
Buttons' labels
1 button label per line, add or remove a line to change the number of buttons.
Links
1 link per line, same order as above.

Get This Feature Now !    ->     Buy Premium Membership

Targets
IMPORTANT: Leave blank if you dont use web frames. Same order as above.
Step 2. Choose and edit your menu's skin :
Choose your menu's skin
noParameters=0&mediaId=2

Loading...

Adjust skin's hue
From 0 to 360.
You can preview the hue values by using the slider on the skin's preview.
Skin's Window
Title text align
Title text color
#FFFFFF
Title text border color
#09678D
Skin's Main Button
Text align
Text size
Text color of initial state
#000000
Text color of mouse over state
#FFFFFF
Text color of mouse down state
#000000
Skin's Sub Button
Text align
Text size
Text color of initial state
#000000
Text color of mouse over state
#000000
Text color of mouse down state
#000000
Skin's Fonts
Titles font
The selected font will display
GREEK characters only.
Buttons & Texts font
The selected font will display
GREEK characters only.
Step 3. Edit your menu's layout options :
Entire menu padding
pixels
The thickness of the empty border around the entire menu.
Main Buttons Layout
Main buttons width
pixels
All main buttons will have this width.

Get This Feature Now !    ->     Buy Premium Membership

Main buttons vertical spacing
pixels
The vertical space between main buttons.
Sub Menus Layout
Sub menus width
pixels
All sub menus will have this width.

Get This Feature Now !    ->     Buy Premium Membership

Sub buttons vertical spacing
pixels
Vertical space between sub menu buttons.

Get This Feature Now !    ->     Buy Premium Membership

Sub menus top padding
pixels
The vertical distance between a main button and its sub menu.

Get This Feature Now !    ->     Buy Premium Membership

Sub menus left padding
pixels
The distance between the sub menus and the menu's left border.
Sub Menus Animation
Sub menus speed
Pixels per second
How fast the sub menus will open and close. From 1 to 1000.

Get This Feature Now !    ->     Buy Premium Membership

Sub menus dynamics
What animation effect to use to open and close sub menus.
Step 4. Edit miscalleneous options :
Display window frame
Check to display the window frame around the menu.
Window title
The title text that appears at the top of the menu's window.
Background color
#CCCCCC
The background color behind the menu's window.

Get This Feature Now !    ->     Buy Premium Membership

Menu width
pixels
Leave this field blank for automatic width calculation.

Get This Feature Now !    ->     Buy Premium Membership

Menu height
pixels
Leave this field blank for automatic height calculation.
FlashVortex.com link back ( members only )

Get This Feature Now !    ->     Buy Premium Membership

Remove FlashVortex.com advertising
CHECK this box to remove the FlashVortex.com ad.

Generating your animation...

Check to open download
page in a popup window.