In this Microsoft FrontPage tutorial I will show you how to create the black and silver pipe buttons in my image. Please see the image that I have provided to see the ending results of this tutorial. These buttons are silver with a black dot on each end of the button. These buttons are fairly easy to create. We will create the first button and apply the effects to it. Then we will create the other buttons that you need by copying and pasting them. Open your Fireworks program and we will begin.

How to Create Black and Silver Pipe Buttons in Microsoft FrontPage

First, we will draw the button using the auto shapes. Open your auto shapes toolbar. If this is your first time using Auto Shapes, go to the top of your window and click Insert > Picture > Auto Shapes. The auto shapes toolbar will pop up on your page. Click the Flow Chart Icon in the toolbar. When the menu drops down click on Flow Chart Predefined Process icon. Then draw the button on your page. Draw the button the size that you want.

Next, we will apply the gradient to the button to give it that silver look. Click on your button to highlight it. Then click the arrow beside the paint bucket at the bottom of the window. Click Fill Effects when the menu pops up. Click the Gradient Tab when the Fill Effects box pops up. Tick the Two Colors field and click White for Color 1 and Gray 25% for Color 2. Leave the Transparency fields at 0%. Tick the Horizontal field for the Shading Style. In the Variants section, click the bottom right box. Click OK on the box to apply the gradient effect.

Next, we will apply the border to the button. Click the arrow beside the paint brush and click on the color black. Click the border style icon and select the ¾ pt border.

The next step is to add the circles to the button. Click the Basic Shapes icon in the auto shapes toolbar and select the circle. Hold the SHIFT key down and draw a circle at the end of your button. Click the paint bucket at the bottom of your window and change the color of the circle to black. Right click on the circle and click Copy. Then right click again click Paste. Slide the circle to the other end of the button.

Now you can create the other buttons that you need. Right click on the button and click copy. Then right click again and click paste. Slide the button down below the original button. You will also need to copy and paste your circles.

The next step is to add the text to your buttons. Right click on the button and click Add Text. Type your text in the field on your button. Continue doing this until you have all of your buttons done.

The last step is to make the buttons clickable. Right click on the button and click Hyperlink from the menu. Enter the link for that button in the very bottom field of the Hyperlink box. Click OK to create the hyperlink. Repeat this step for each button.

If you have any problems with this Microsoft FrontPage tutorial, please feel free to leave me a comment at the bottom of this page.

discuss this topic to forum