"The Ultimate Tutorial Resource"
Adobe Photoshop CS2
Tutorials
Tutorials
Web Design
Tutorials
Tutorials
-HTML
-PHP
-Blogs
-Forums
-PHP
-Blogs
-Forums
Adobe GoLive CS2
Tutorials
Tutorials
Adobe GoLive CS2
| Adobe Golive CS2 | Basics | Roll Over Effect
GoLive CS2 Rollover Tutorial
Adobe GoLive CS2 makes it easy to create time consuming effects, in this case a web image rollover. These roll-overs are used all over the web, and usually require some difficult coding for the beginner, but not with GoLive CS2
Example of Roll-Over Effect
Move your cursor over the a to view effect:
Move your cursor over the a to view effect:
Creating Rollovers in Adobe GoLive CS2
First Thing you want to do is create atleast 2 images, one for when the image is loaded on the page, and another for when the cursor moves over the image. Ok, I'll wait while you get that done........
Now that you have your images, open your .html file where you wish to have your rollover effect, and place your image on the page. Your page should Look something like this:
Now that you have your images, open your .html file where you wish to have your rollover effect, and place your image on the page. Your page should Look something like this:
Now click the image to select it, and then click on the window Icon in your program menu. In that menu click on rollovers, you will have a window appear that looks like this:
Still With me? Good, now lets finish this rollover effect