Step 5: Customizing your
buttons
After you've satisfactorily arranged your buttons, it's time
to customize them. You can use either HTML or Text buttons or
use custom, pre-built graphic buttons.
Click Next to continue to the next screen
- Your first option, Cells is where you choose to use HTML
or Images for your buttons. I prefer to use the HTML option
for cells as it creates a smaller file size for the buttons.
- Font choices are limited to default fonts to help ensure
compatibility across platforms.
- Up and Over states can be modified. The Preview window is
a good way to preview your choices before making any final
decisions.
- Click Finish once you've decided on your selections.
Step 6: Previewing Your Menus
Take a moment to Save your page and Preview your buttons in
your browser by clicking F12.
I notice immediately that my buttons are going off to the
side and covering the Contact button. In the next steps, I'll
show you how to modify the position of your menus.
Step 7: Modifying Your Menus
- Returning to your canvas, click on the button you added
the menus to. In my case, it's the Services button. You'll
notice the outline of the menu.
- Move your cursor over the menu until the Hand cursor
appears.
- You can now drag the menu position around the canvas to
reposition it.
You can also edit your menus to make any necessary changes
- To edit the menu, move your cursor over the Menu Outline.
- Double click the outline to bring open the Set Pop-Up Menu
window.
- Make any changes you need to in this window and click
Finish to exit the window.
|
