Rolloverr that changes font

R

RICHARD BROMBERG

I am trying to make a rollover that changes Font and fore ground color and
backbround color when you hover over it
and links to a URL when clicked.

I also used a Hover Button, but the fphover.class doesn't seem to have
parameters to change fonts.

This is what I have so far, http://dickbrom.com/test1/rollovers.htm , but it
doesn't do what I want to do.

For convenience the page displays the code I used.

Is there some, hopefully not too complicated, way to do this?

Thanks
 
K

KatWoman

I see the font change from arial to times bold
but do not see the color change font or background
looked at the code, you have the same colors selected for all 3 states
changed couple things
now you can see different colors


<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Rollovers</title>

<style type="text/css">

a:link {
color: red;
background-color: black;
font-size: 16px;
font-family: sans-serif;
text-decoration: none;
}

a:visited {
color: blue;
background-color: yellow;
font-size: 16px;
font-family: sans-serif;
text-decoration: none;
}

a:hover{ color: black;
background-color: white;
font-size: 16px;
font-family: serif;
text-decoration: none;
font-weight: bold;
}

body
{
background-image:
url('lovebites.jpg');
background-repeat: repeat-y
}
</style>







</head>

<body>

<p><a
href="http://www.google.com">gotoURL1</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a
href="http://WWW.DICKBROM.COM">gotoURL2</a>&nbsp;&nbsp;&nbsp;
<a href="http://WWW.FORD.COM">gotoURL3</a>&nbsp;&nbsp; <a
href="http://www.ford.com">LINKTOANYWHERE</a>


</body>

</html>
 
R

RICHARD BROMBERG

I appreciate the help,
Thanks

KatWoman said:
I see the font change from arial to times bold
but do not see the color change font or background
looked at the code, you have the same colors selected for all 3 states
changed couple things
now you can see different colors


<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Rollovers</title>

<style type="text/css">

a:link {
color: red;
background-color: black;
font-size: 16px;
font-family: sans-serif;
text-decoration: none;
}

a:visited {
color: blue;
background-color: yellow;
font-size: 16px;
font-family: sans-serif;
text-decoration: none;
}

a:hover{ color: black;
background-color: white;
font-size: 16px;
font-family: serif;
text-decoration: none;
font-weight: bold;
}

body
{
background-image:
url('lovebites.jpg');
background-repeat: repeat-y
}
</style>







</head>

<body>

<p><a
href="http://www.google.com">gotoURL1</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a
href="http://WWW.DICKBROM.COM">gotoURL2</a>&nbsp;&nbsp;&nbsp;
<a href="http://WWW.FORD.COM">gotoURL3</a>&nbsp;&nbsp; <a
href="http://www.ford.com">LINKTOANYWHERE</a>


</body>

</html>
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top