JenSocial: Social Web Directory and Ning Tips

Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support

creating buttons

I have created a few simple images I would like to make into cool buttons. Currently I have these images set up as links, so they work anyway, but I want them to change color as well when somebody scrolls over them. Is this possible? The images are "view jobs" and "post jobs"...http://greenhobby.net/horticulture/jobs

thanks for your help!

0 members favorited this

▶ Reply to This

Replies to This Discussion

Permalink Reply by JenSocial on September 3, 2011 at 3:42pm

Dan,

It takes a good deal to do this. It can be done with a sprite or 2 different images, the latter being the easiest to explain.

Create 2 images.

Use code similar to this.

<p><a target="_blank" href="http://greenhobby.jobamatic.com/a/jobs/find-jobs/q-horticulture" onMouseOver="document.viewjob_image.src='http://storage.ning.com/topology/rest/1.0/file/get/981290886?profile=original';" onMouseOut="document.viewjob_image.src='http://64.19.142.12/api.ning.com/files/CpgsZpUC0Q4gXOz8ju1KR9p8n-MmzFds6s9E-Qba20WE5Q16BExFHy-6z4g9duEGoOUsMtXtr2ORNPPergKSEWXL9I7BgkKb/ViewJobs.jpg';">
<img src="http://64.19.142.12/api.ning.com/files/CpgsZpUC0Q4gXOz8ju1KR9p8n-MmzFds6s9E-Qba20WE5Q16BExFHy-6z4g9duEGoOUsMtXtr2ORNPPergKSEWXL9I7BgkKb/ViewJobs.jpg" name="viewjob_image"></a>View Horticulture Jobs, along with all other green industry jobs.  All of our horticulture jobs are kept current and there are hundreds available.  greenhobby has partnered with simply hired for a combined massive database so you get the most jobs possible. Filter by category for a quick skim of the career choice for you.</p>

If you have more than one rollover on the same web page, you MUST use a different name value (viewjob_image) for each one.

Best Regards,

Jen