Creating a custom skin is about creating movie clips for each skin element. The skin elements are the parts of the menu (background, button, etc) and they are grouped in two categories:

Skin Element Names	Description
main_back	the background of the main menu.
sub_back	the background of the sub menu.
main_button_up	the up state of the main menu button.
main_button_over	the over state of the main menu button.
sub_button_up	the up state of the submenu button.
sub_button_over	the over state of the submenu button.

Skin Element Names	Description	Dependency – what skin element will be used if this one is not defined
sub_button_down	the down state of the submenu button.	sub_button_up
main_button_down	the down state of the main menu button.	main_button_up
main_first_button_up	the up state of the first main menu button.	main_button_up
main_first_button_over	the over state of the first main menu button.	main_button_over
main_first_button_down	the down state of the first main menu button.	main_button_up
main_last_button_up	the up state of the last main menu button.	main_button_up
main_last_button_over	the over state of the last main menu button.	main_button_over
main_last_button_down	the down state of the last main menu button.	main_button_up
sub_first_button_up	the up state of the first submenu button.	sub_button_up
sub_first_button_over	the over state of the first submenu button.	sub_button_over
sub_first_button_down	the down state of the first submenu button.	sub_button_up
sub_last_button_up	the up state of the last submenu button.	sub_button_up
sub_last_button_over	the over state of the last submenu button.	sub_button_over
sub_last_button_down	the down state of the last submenu button.	sub_button_up
main_separator	the main menu button separator.	-
sub_separator	the submenu button separator.	-
main_arrow	the arrow that points out that a main menu button has a submenu.	-
sub_arrow	the arrow that points out that a submenu button opens its own submenu.	-

Naming Rules

When naming your movie clips, follow the name pattern above adding at the end of the skin element name “_yourSkinName” so that when you select the skin, the component would automatically recognize the skin elements. So the general naming rule is:

nameOfSkinElement_yourSkinName

having the "nameOfSkinElement" take one of the listed values in the table above

and “_yourSkinName”, as the name of the skin containing the skin elements.

We also recommend placing the skin elements in a folder named after the skin (this is not required but it can help you keep the skin elements in order).

ATTENTION! All the skin elements must be exported for ActionScript and exportted in the first frame in order for the skin to work.