yugiohw
01-27-2003, 01:31 AM
This is very urgent. Im not sure what code language it is but im pretty sure its CSS. I need a mouseover effect for regular text. Like regularly say the text is Arial (its gonna be in a header) then on mouseover it changes to Comic sans ms. Does anyone know how to do that please let me know.
-Thanks in advance
Yup, it's CSS :D
<style type="text/css">
a
{
font-family:arial;
}
a:hover
{
font-family:comic sans ms;
}
</style>
yugiohw
01-27-2003, 01:50 AM
how would i do that without making a WHOLE style sheet?
You can just use what I've posted above. You never have to do the entire thing - just what you need :).
yugiohw
01-27-2003, 01:54 AM
I bet you think im stupid, but how would you work it in with the text? Like where would you put the text that i want to change at?
Naw, of course not ;). We all have to learn it sometime.
You'd put the CSS on the page you want the text to change.
<head>
<style type="text/css">
a
{
font-family:arial;
}
a:hover
{
font-family:comic sans ms;
}
</style>
</head>
<body>
<a href="#">TEXT</a>
</body>
yugiohw
01-27-2003, 02:00 AM
That's not exactly what I want. I dont want a link. www.geocities.com/depthdesign I want that header that says depth design in arial font to when on mouseover to change to comic sans ms and maybe color
You could use an image for that... but if you're going to use text, then linking to "#" doesn't do anything.
<a href="#">click</a> doesn't take you anywhere - nothing happens.
yugiohw
01-27-2003, 03:20 PM
It doesnt work just the way i want it to. Because, ALL the other links on my page do the same thing and i dont want that. Also, the hand cursor comes up and if someone clicks on it it'll turn green.
Oh, I guess you could use classes then :)
<head>
<style type="text/css">
a.TITLE
{
font-family:arial;
}
a:hover.TITLE
{
font-family:comic sans ms;
}
</style>
</head>
<body>
<a href="#" class="TITLE">TEXT</a>
</body>
You can change the word "title" to whatever you'd like :)