View Full Version : Urgent


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

Alcy
01-27-2003, 01:47 AM
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?

Alcy
01-27-2003, 01:52 AM
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?

Alcy
01-27-2003, 01:57 AM
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

Alcy
01-27-2003, 04:04 AM
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.

Alcy
01-27-2003, 09:25 PM
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 :)

yugiohw
01-29-2003, 12:09 AM
THAT WORKS
THANKS