WEB EDITOR
Working with: Image Buttons
Creating image buttons is very easy with EZGenerator - you don't need to
make graphics for each button, or use third party products - just select a
caption and EZGenerator will generate
the button for you, together with all required effects (shadow, glow, 3D level),
so it fits the Web
Template design you have selected.
 |
Please, note that we have a Video Tutorial available on this topic.
You can check it out at EZGenerator Tutorials. |
To create a new button:
- Position the marker where you want to insert the button.
- Click the button icon (
)
on the Main Toolbar.
- In the dialog that appears, type a caption for the button and press OK.
Convert Text to Button:
- Select a text in the web page that you want to be the caption of a button.
- Right-click and select Text-To Button
from the menu.
- The text is replaced by a button with the required caption.
Button Properties
You can adjust the properties of existing buttons.
To open the properties window, double-click a button, or select a button,
right-click and from the menu that appears, select Image
Properties. Since buttons are a special case of images, they have
the same properties. For more information, see Working
with Images.
Button Factory
The button design normally depends on the template being used in the site. However, if you want to change this design, you can use the Button Factory window.
To open this window, right-click a button and from the menu that appears, select
Button Factory.
Layout
You set layout for your button here. You can either set your button with template layout, or you can use one of the predefined layouts.
- Template (radio
box) - If you want to keep template layout, check this radio button, and set here template and version that you want to use (you can use template different than the current one). The template you are going to use needs to be available in EZGenerator. Use Refresh List button to refresh templates list. Use Type button to select the button type from several available types for
each template.
- Layouts (radio
box) - If you prefer to use one of the predefined button layouts, check this radio button and select certain layout.
Style
- Button Text (text
box) - Sets the button caption.
- Font (combo
box) - Select appropriate font and size for the button caption.
- Font Color (color picker) - Pick font color.
- B / I (toogle buttons) - Use these toogle buttons it you need to set the button caption in bold or italic.
- AntiAlias (check
box) - Enable/Disable anti-aliasing.
- Rollover (check
box) - If checked, sets rollover effect for the button. Use the color picker box on the right to set font color for the rollover effect.
- Multi-line (combo box) - If activated, this option allows you to set multi-line caption for the button.
- Text Align (combo box) - Allows you to set alignment for the button caption.
- Sign (check box) - Check this box if you want to insert one of the sign images listed on the right, and click on certain sign to select it. You can change its position on the button with drag-and-drop in the Result area below.
Result
This section displays a preview of the resulting button according to the settings. Drag the black arrows to adjust the caption position as it will appear on the button. NOTE: If you don't see red arrow , resize the window so it fits in the view. Use the Colors combo box to set bit depth (number of colors used for the image) for the button image. For example, at 8-bit depth, the maximum number of colors is 256.