|
Main ContentUpdatesTo Do List You Health and Beauty Reads Jenni Quizzes Tutorials The Domain Dollmakers Link Star-Girl.org Question? Plug Your Site Index/Blog ExtraChange The SkinJenni Fanlisting Star-Girl.org Fanlisting Webdesign Question? Report An Error MT Blog Archives Nov-Apr 04 Archives Feb-Nov 03 Archives Sites and ProjectsShining Top SitesCreme De La Femme Starshine Boards Starstruck Zine Starshine.la LoginLinkageEtc.refreshes today |
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.
Want another button? Click here. Back | Forward Advertised |