Microsoft FrontPage: How to Create a Green Gradient Horizontal Scroll Menu

By Jasmine Starr, published Apr 19, 2007
Published Content: 1,060  Total Views: 1,396,303  Favorited By: 60 CPs
Embed:  
Rating: 4.3 of 5
In this Microsoft FrontPage tutorial I will show you how to create a green gradient horizontal scroll menu. Please see the image that I have provided to see the out come of this tutorial. This is a scroll graphic turned into a menu. There is a green gradient effect applied to this menu. Open your FrontPage program and we will get started. If you are adding this menu to a page that you are designing, go ahead and open that page. If you are designing a new page, there should already be a blank page in your FrontPage window.

How to Create a Green Gradient Horizontal Scroll Menu in Microsoft FrontPage

The first step to creating this menu is to draw the scroll. Go to the top of your window and click Insert > Picture > Auto Shapes. Your auto shapes toolbar will pop up on your page. Click the Stars and Banners icon. Then click on the Horizontal Scroll shape. Draw your shape anywhere on your page. You can draw the menu any size that you need. The size of the menu will depend on how many links you are going to need. You can always resize the menu after you have added your links.

The next step is to apply the gradient effect to the menu. Click on the menu to select it. Then click the little arrow beside the paint bucket. When the menu pops up, click Fill Effects. The Fill Effects box will pop up. Click on the Gradient Tab at the top of the box. Tick the Two Color field. Then drop the Color 1 box down and click the color Green. Then drop the Color 2 box down and click the color Light Green. Roll your mouse over the colors to see the names of the colors. Leave the Transparency fields at 0%. Tick Horizontal for the Shading Style. In the Variant section click the bottom left square. Click OK to apply the effects.

The next step is to apply the border. Click on the menu to select it. Then click the arrow beside the paint brush. When the color box pops up, click on the color Black. Next, click on the Border Style icon. Select the ¾ pt border. If you want a smaller or larger border, click on the border of your choice.

Microsoft FrontPage: How to Create a Green Gradient Horizontal Scroll Menu

Green Gradient Horizontal Scroll Menu

Credit: Jasmine Starr

Copyright: Jasmine Starr

Takeaways
  • There is a green gradient effect applied to this menu.
  • The first step to creating this menu is to draw the scroll.
  • You can resize your menu by grabbing the dot at the corner of the menu and dragging it in or out.
Did You Know?
This is a scroll graphic turned into a menu.
Comments
Type in Your Comments Below - (1000 characters left)
Your name:

Submit your own content on this or any topic. Get started »
Most Commented On