Working with Buttons
Detailed Explanation
What is it Used For? | How to Add Buttons | Changing the Color of your Site's Buttons
What is it Used For?
Buttons are used on Web pages to allow your Web site visitors to navigate around your Web site. The buttons can be as simple as a color rectangle with text or as complex as moving images.
How to Add Buttons
To add a single button to a page, you would add an
image component to the Web page. To add a menu of buttons to a page, you would add a
navigation component.
Adding a Single Button
Click on "Page" in the top-left corner of the Page Editor. Click on "Standard". Click on "Image". Input a name for your button in the blue text field, then click on the button "Create New Image".
Specify the page you want to send Web site visitors to when the button is clicked in the blue text field next to the text "Link Url (Optional)". Click on the button "Select" next to the text "Image" to choose an image file as the button. Click on the button "Select" next to the text "Mouse Over (Optional)" to choose an image file as the button when the mouse pointer is over the button. When done specifying your options, click on the button "Update" to apply your changes to the image component.
Adding a Menu of Buttons
Click on "Page" in the top-left corner of the Page Editor. Click on "Other". Click on "Navigation". Input a name for your menu of buttons in the blue text field, then click on the button "Create New Menu".
If you want the Page Editor to automate the process of the menu navigation, click on the radio button next to the text "Yes". The Page Editor will generate links to all of active pages that have a Menu Name assigned.
If you select "No" to automate the menu navigation, you will have to define each menu listing. Enter the text you want to display on the Web site in the field "Text", the page you want to link to in the field "Link", and specify whether you want the link to open the page in a new window. When done specifying your new menu listing, click on the button "Create New Element". Once you have menu listings, you can modify them, move up or down, and delete the menu listing.
To customize the settings for your Navigation component, click on the button "Customize". Select a Menu Style in the drop-down menu at the top of the window. You have options to select "Default", "Image" and "3Image". Once you have chosen a Menu Style, click on the button "Update" to see additional options.
Back to the Top of the Page
Changing the Color of your Site's Buttons
When your website was first built, its buttons were created in a
navigation component based upon the color scheme and design of the
layout layout that you chose. You may change these buttons so that the background button itself looks different. Here are the steps to use one of our button images, though you are welcome to upload and use your own.
1) Choose a page that uses the navigation component whose buttons you wish to change, edit the navigation component, click the "Customize" button, then click the image name to open the image selection pop-up. The image name will vary depending upon which site layout is in use. For the Products 6 Red layout, for example, you'll see "Products_6_Red_Button.gif" as the image name to click.
2) In the image selection "Our Images" dropdown menu (at the top left of the window), scroll to the folders whose names begin with "Buttons". These are starting images for buttons that are freely available for use within your website.
3) The selected folder's contents will appear in a scrollable list on left side of the image selection pop-up. Click on the name of a button image. It will appear in the preview area to the right. If you like it, click the "Use" button just above and left of its preview. That will close the pop-up window; the selected button image's name will appear in the navigation component edit window as the new image name.
4) To save your change and create fresh versions of your site's buttons, click the "Update" button at the bottom of the edit window. A very small window will display the progress of the generation. If the small button is hidden behind the edit window, move it to the top; it doesn't always pop automatically to the top like other 3.0 windows. Close this small pop-up once generation is 100% complete.
5) To ensure that the new settings are preserved, be sure to publish the site. You should see your new buttons when you view your site. If not, delete your temporary Internet files. If you still do not see your new buttons, then your ISP may have its own cache and you will need to wait until that refreshes. The delay varies from one ISP to another.
Back to the Top of the Page
Back to the Previous Page