Rollover images in publisher

[ideas.aysha]

Hi, I have been trying unsuccessfully to create rollover images in publisher
for months. I know that I might need adobe code and was hoping someone could
help.

In its basic form I want the colour of a box to change on hover.

I have tried to use code that refers to jpg images within the website using
the html editor but am obviously not doing it right because I just get blank
boxes.

I have tried using free software but they have active x controls and warning
messages pop up when published which makes my customers worry.

Thanks.

 

[Vinny]

Try the procedure below with your own jpeg files of color boxes to
place in the image and hover image. hope it works.

Here's a page i had worked on a year ago that's still live:
http://www.fmsd.k12.ca.us/EdTech/index.htm
here's another one that i built using the codes below:
http://www.windmill.fmsd.k12.ca.us/

Procedure:
Paste this html script in the Insert HTML field:
<style type="text/css" >a.button, a:visited.button{display:
block;font-family:arial;
font-weight:bold;text-align:center;color:000;width:122px;height:14px;
background-color:transparent;background-image: url(buttons/blue.jpg);
text-decoration: none;padding:4px;font-size:10px;}

a:hover.button
{display: block;font-family:arial;
font-weight:bold;text-align:center;color:FFFF00;width:122px;height:14px;

background-color:transparent;background-image:
url(buttons/blue2.jpg);
text-decoration: blink;;padding:4px;font-size:10.5px;}
</style >

where (buttons/blue.jpg) indicates that you have an image file called
blue.jpg located in the "buttons" folder, located in the same directory
as
your .index file.

where (buttons/blue2.jpg) indicates the hover image of the button,
located
in the same folder.


the second step is to insert this html frament in another html insert
field:
<a class="button" href="url">NAME LINK</a>

where "url" indicates the link and "NAME LINK" is the text that appears
on
your button.

You need to have had two image files that are identical in pixels, one
for
the original button, one for the hover effect. They can be jpeg, bmp,
gif,
etc.

I got this from a free website, but forgot where...

good luck.

 

[ideas.aysha]

Thanks, I am going to try it I will let you know

Try the procedure below with your own jpeg files of color boxes to
place in the image and hover image. hope it works.

Here's a page i had worked on a year ago that's still live:
http://www.fmsd.k12.ca.us/EdTech/index.htm
here's another one that i built using the codes below:
http://www.windmill.fmsd.k12.ca.us/

Procedure:
Paste this html script in the Insert HTML field:
<style type="text/css" >a.button, a:visited.button{display:
block;font-family:arial;
font-weight:bold;text-align:center;color:000;width:122px;height:14px;
background-color:transparent;background-image: url(buttons/blue.jpg);
text-decoration: none;padding:4px;font-size:10px;}

a:hover.button
{display: block;font-family:arial;
font-weight:bold;text-align:center;color:FFFF00;width:122px;height:14px;

background-color:transparent;background-image:
url(buttons/blue2.jpg);
text-decoration: blink;;padding:4px;font-size:10.5px;}
</style >

where (buttons/blue.jpg) indicates that you have an image file called
blue.jpg located in the "buttons" folder, located in the same directory
as
your .index file.

where (buttons/blue2.jpg) indicates the hover image of the button,
located
in the same folder.


the second step is to insert this html frament in another html insert
field:
<a class="button" href="url">NAME LINK</a>

where "url" indicates the link and "NAME LINK" is the text that appears
on
your button.

You need to have had two image files that are identical in pixels, one
for
the original button, one for the hover effect. They can be jpeg, bmp,
gif,
etc.

I got this from a free website, but forgot where...

good luck.