Enter your button filling style. Choose between the proposed fillings or plain to obtain a plain color filling.

Enter the corner radius of the button in pixels. Perfectly round buttons can be made by entering a corner radius that is more than half the button height and width values.

Enter the overall width of your button in pixels. If the value you enter is less than twice the corner radius then the radius takes priority and the top of your button will be perfectly round.

You can specify any image to appear on the face of your extra button. Click the icon next to the edit box to choose one of the stock images using the Buttons image picker. If you have uploaded your own image then a thumbnail of your custom image will appear in the image picker too.

Select an image (jpg, gif, png) from your computer to upload to our server. The image you select will only be kept for about an hour and will not be available for anyone but you to use.

For best results, use a png transparent image.

Please be sure that you have the right to use whatever image you upload.

We are not responsible for any uploaded image.

Select the desired height of your image in pixels. For best results the source image should not be smaller than this value.

You can use this option to decide whether and how to place an image on the face of your button. There are several options:

• none no image will be added to the button.
• left the image will be placed to the left of your button text.
• right the image will be placed to the right of your button text.
• background the image will be centered and placed behind the button text.
• background repeat the image will fill horizontally behind the button text

You can specify a color present in the image that will be changed to match the text color for the button normal and rollover states. This is specified as one of several options:

• auto the color most closely matching black will be forced to match the text color.
• none no color will be forced to match the text color.
• custom the color most closely matching a color you define will be forced to match the text color.

Enter a custom color in your image that will be changed to match the button text color. Note that foreground type must be set to custom for this field to have any effect.

Define the color using the web-style hexadecimal format for specifying the red, green and blue components. For example, a pure red color is FF0000. Do not use the # character.

Click the color chooser icon to bring up a convenient color selection tool.

You can specify a color present in the image that will be made transparent when the image is overlayed on the button top. This is specified as one of several options:

• auto the color most closely matching white will become transparent in the final image.
• none no color will become transparent.
• custom the color most closely matching a color you define will become transparent in the final image.

Enter a custom color in your image that will become transparent before the image is overlayed on the button top. Note that transparency must be set to custom for this field to have any effect.

Define the color using the web-style hexadecimal format for specifying the red, green and blue components. For example, a pure red color is FF0000. Do not use the # character.

Click the color chooser icon to bring up a convenient color selection tool.

Enter the primary color for the button. This color will appear at the center of the button in its normal (not rollover) state.

Define the color using the web-style hexadecimal format for specifying the red, green and blue components. For example, a pure red color is FF0000. Do not use the # character.

Click the color chooser icon to bring up a convenient color selection tool.

Enter the color of the outer edge of the button. If this color is the same as the primary color then the button will have a flat appearance. If the color is different, then the button will have a color that varies smoothly from the center to the outer edge. Use this difference to give the appearance of a refractive (glassy) button body.

Define the color using the web-style hexadecimal format for specifying the red, green and blue components. For example, a pure red color is FF0000. Do not use the # character.

Click the color chooser icon to bring up a convenient color selection tool.

Enter the color of the outer edge of the button when it is in the rollover state.

Define the color using the web-style hexadecimal format for specifying the red, green and blue components. For example, a pure red color is FF0000. Do not use the # character.

Click the color chooser icon to bring up a convenient color selection tool.

Enter the text to appear on your extra button.

Enter the overall height of your button text in pixels. If the size is too large to fit on the button then it will not be shrunk to fit.

Define the color using the web-style hexadecimal format for specifying the red, green and blue components. For example, a pure red color is FF0000. Do not use the # character.

Click the color chooser icon to bring up a convenient color selection tool.