Remember Me
forgot your password?

Cool Rollover Buttons & Pop-up Menus in Dreamweaver

Adding a rollover button to a webpage with Dreamweaver is a really simple task...if you have the button images ready to go.

If you don't have the images yet, here's what you need to do: Open a graphic design program like Fireworks or Photoshop and create a rectangle with a solid fill (for this example, blue) and then put some white text on it that says 'Home'.

Next you want to trim the canvas and export this image as something like 'home1.gif' or 'home1.jpg' file. Export the image to the folder where your web pages are so that you can use it for your webpage.

Next, simply change the color of the text on the button to yellow, and export that version as 'home2.gif'

Once you have these 2 images, creating a rollover button in Dreamweaver is cake because Dreamweaver does it all for you.

Simply place the cursor where you want the button on your webpage and choose 'Insert' > 'Image Objects' > 'Rollover Image' from the Dreamweaver dropdown menu.

Then use home1.gif for up image and home2.gif for the over image. Once you click ok, Dreamweaver will create all the necessary code for you. Then you need simply to upload the images and the page to your website!

These types of buttons can quickly and easily make your website look more professional.

Rollover buttons are one of the standards of website design, and now you too can use them.

Another option is to use the pop-up menus feature. You can find this under the 'tag inspector' in Dreamweaver. You can use this to make some exciting looking pop-up menus that appear when you put your mouse over an image.

This allows for multiple links to show up when you move your mouse over an image, and can be used to create vertical or horizontal sub-menus, which are used by some of the most popular and professional sites online.

To learn how to do all this and see it in action via step by step videos, head on over to: http://www.dreamweaverhowto.com now.

Jay Gilbert

Jay Gilbert offers step by step guides for people who want to sell info products online. Sign up for the free Dreamweaver tips training course.

Rate this Article: 3.5 / 5 stars - 2 vote(s)
Print Email Re-Publish

Add new Comment



Captcha
0
1. danny (19:58, 02.12.2008)
Hi, I manage to save my images in the correct folder and they appear in my files in the right hand colounm. However when i come to create the image, dreamweaver cannot recognise them to be in the folder. What have i done wrong? Any help with this would be greatly appreciated.

  • Latest Business Articles
  • More from Jay Gilbert

Recession Booster Ideas For Online Info Product Marketers And Small Businesses

By: Marlon Sanders | 16/11/2009
It's a recession. The answer, of course, is marketing. To get revenues up, you have to market more. In order to do that, here are a few ideas to help you

Soil Improvement is Necessary to Many Major Construction Projects

By: William Hauselberg | 16/11/2009
Soil improvement is an important part of land reclamation. It is implemented to prevent the excessive settlement of land that has been reclaimed for construction purposes.

Where Do You Lookup Criminal History For Free Online To Check Someones Background

By: James Nash | 16/11/2009
You're about to hire an employee and you need to to a background check? No problem there are few sites that can check criminal history of you potential employee and save you precious time.

Toyota has Newly Developed Airbags Safer and Better, Toyota Performance Parts at Its Best at Parts train

By: Pulkit | 16/11/2009
An air bag that inflates as two bags was developed by Toyota and is safer than standard air bags in crashes. Available on Lexus IS luxury sedans the twin chamber air bag decreases damage to the neck by distributing the impact of a collision more evenly not only to the head but also to the shoulders.

We Have a Christmas Party-a planning guide before you get too deep in the planning see how many people will be able to come

By: manoj49 | 16/11/2009
This is a favorite time of the year for many people. Why not take one night in December and set up a nice holiday party. Plan a small get together with family and friends. It is a great excuse to get together. Plan it early in December so it doesnt conflict with all the Christmas Day events. Before you get too deep in the planning see how many people will be able to come. Then base your plan off that number. 1. Pick a night 2. Invitation phone calls 2. Plan food needs based on what ot

Why to buy iPhone 3G skins?

By: BhratBrij | 16/11/2009
Are you looking for really stylish iPhone 3G skins for your iPhone 3G? You can get them very easily on the Internet in a wide-ranging variety of price ranges, styles and colors.

Leaflets Are Small Pieces of Paper Or Cards That Hold Information to Be Advertised

By: franklinghosh | 16/11/2009
Leaflets are small pieces of paper or card that hold information to be advertised. Leaflet printing is quite cheap and can be done quickly and easily.

Construction Recruitment

By: Louise G | 16/11/2009
There are still construction jobs in the workforce but they are much harder to find now than in the past. Not only is the current economis climate causing jobs and the construction industry to decline but winter is not far off and the weather is a major factor which prevents more jobs from developing when the building industry sometimes comes to a stand still if weather conditions are harsh.

Using Php Buttons in Dreamweaver

By: Jay Gilbert | 21/11/2006 | Business
The Dreamweaver PHP buttons can be a great way to get started creating your own PHP applications...even if you can't code PHP yourself. In this lesson I'll tell you a little more about how you can get started using these exciting tools.

8 Benefits of Using Dreamweaver 8

By: Jay Gilbert | 20/11/2006 | Business
If you build websites for a living and don't use Dreamweaver 8 yet, here are 8 good reasons to switch today.

Cool Rollover Buttons & Pop-up Menus in Dreamweaver

By: Jay Gilbert | 20/11/2006 | Business
Creating cool buttons for your website is a complicated task --that is unless you have Dreamweaver. With Dreamweaver's built in button tools, you can create your own website buttons with ease, and I'll show you how in this article.

Creating your Own Dreamweaver Templates Files

By: Jay Gilbert | 20/11/2006 | Business
Updating webpages can be a lot of work, but with .DWT Dreamweaver Templates, updating hundreds of pages only takes seconds.

Css & Dreamweaver

By: Jay Gilbert | 20/11/2006 | Business
Cascading Style Sheets is something every webmaster should learn to use, however it can be complicated to code by hand. Fortunately, the built in Dreamweaver CSS tools make it simple as pie as you'll see in this introductory lesson.

Creating Hyperlinks and Bookmarks With Dreamweaver

By: Jay Gilbert | 15/11/2006 | Business
Creating hyperlinks with Dreamweaver is a relatively simple task but there are a few options available to you that you might want to explore inlcuding which window the link opens in, and the option to change the look of a link using CSS.

Modifying Fonts in Dreamweaver Using Html & Css

By: Jay Gilbert | 15/11/2006 | Business
Using Dreamweaver CSS tools is a great way to style your webpages. But is CSS always necessary? Take a look at these techniques.

Managing Site Profiles in Dreamweaver

By: Jay Gilbert | 01/11/2006 | Business
This article shows you how to set up a new website profile with Dreamweaver in about 2.5 minutes.

Submit Your Articles Free: Signup
Article Categories




Use of this web site constitutes acceptance of the Terms Of Use and Privacy Policy | User published content is licensed under a Creative Commons License.
Copyright © 2005-2008 Free Articles by ArticlesBase.com, All rights reserved. (0.03, 0, w2)