Main Content

Updates
To Do List
You
Health and Beauty
Reads
Jenni
Quizzes
Tutorials
The Domain
Dollmakers
Link Star-Girl.org
Question?
Plug Your Site
Index/Blog

Extra

Change The Skin
Jenni Fanlisting
Star-Girl.org Fanlisting
Webdesign Question?
Report An Error
MT Blog Archives
Nov-Apr 04 Archives
Feb-Nov 03 Archives

Sites and Projects

Shining Top Sites
Creme De La Femme
Starshine Boards
Starstruck Zine

Starshine.la Login

Username

Password



Linkage




Etc.

refreshes today
Rollovers


This is nice to use for navigation on your site, or link buttons.

1. Open PSP and go to File > Export > Image Mapper.
2. In the box that appears, where it says 'Tools', click the square underneath and draw a box around your entire image.
3. Then fill in the URL, Alt Text, and Target boxes. Just make up the information for now if you don’t want your image to be linked.



4. Now click the 'Rollover Creator' button towards the bottom of your 'Image Mapper' window.
5. Check the top two boxes in the window that appears. The first will change the image when you hover over it. The second will change the image back when you stop hovering.
6. Now at the end of those rows, there is the image of a little yellow folder. Click it, and add the images you want to use before pressing 'Ok'.



7. Now click 'Save' in the bottom left corner or your 'Image Mapper' screen, and save the file as 'rollover.html' or whatever. Save any images as well when prompted.
8. On your computer, find the HTML file and double click it and view the source to get the HTML code, or upload it to your site and 'Edit' to get the code.
9. It should look something like this:



10. If you don’t want your image to be linked or have an alt text hover, remove that from the code so it looks like this:



11. Now insert the code into the page on your site where you want it to show up, and save! Here’s mine (you may need to wait a couple of seconds the first time you hover over):




If this tutorial helped you, please link me on your site.

Star-Girl.org


Want another button? Click here.

Back | Forward

Advertised

Your Site Here?






All content and design is © Jennifer Brown 2005, unless otherwise stated. Please click *here* for more information.