Tutorial search
Dreamweaver Tutorials
Tutorials
Stuff
Affiliates
Photoshop Templates
Rollover images in Dreamweaver - Dreamweaver tutorial


In this tutorial your going to need to banners, one banner for before and one for mouse over.
Mouse Out:

Mouse Over:

Ok to start this tutorial we are going to create a table with 2 Rows and 2 Columns with a width of 800 pixels. The exact details are bellow:

In the top left column we are going to put our first banner (insert>image) in for mouse out, for our second column we are going to give a background of the banner.

Now we are going to create the details for the link, go to your bottom properties panel and click Page Properties.
Go to the links page and select these options:

Now in the second row left column we are going to align to the right and type our text (Check Out) highlight this text and link it to your check out page.

You should now have this:

Highlight your Check out text again and go to the right hand side and click on + to add a new behavour, choose Swap Image.

Choose the image you want to change your other banner to:

Then choose these options and click OK.

You should have these options:

You done, when your visitors put there cursor over the Check out text it should change to black and change the logo on the banner to a paypal display.


