hover links, different colors. Options

[PrincessAda]

I saw this one layout site.
whenever I hovered a link it like has a box around it and it changes color..
like for example..
home(would be red box around)
add(would be green box around)
message(would be brown box around)

does anyone know the code ?

[freeflow]

Well there is a thing where you can give classes for your links, but it would only work on links that you manually added, I never tried it before, but I could attempt to figure it out.

Are you sure it wasn't image rollovers though?

[GREASEbaby]

^Mmm it's not an image rollover. I think she found it at headrush lyts, they have that.

I remember looking at her source, but I was in a rush to really figure it out.
I'll go see if I can get it for you.

[freeflow]

A link then? Did you try asking the person then stealing the code sort of?

[GREASEbaby]

Mmm that's right. Ahh. I'll use google to try to get it.

Anyway a link to a person who has that is heree

[freeflow]

Screenshot? its a private profile for me.
So you did ask and she wouldn't tell you?

[GREASEbaby]

Mm no I didn't ask. I didn't look either.

Anyhoo, I found the answer on google. It should be somewhere along the lines of putting this into your css:

.class1 a:link, .class1 a:visited, .class1 a:active {
color: #6685B0;
text-decoration: none;
}

And making it a div (I guess, the answer is a tad confusing.) with the name div1 [as you labeled in the css class1. you can do class2, class3, etc.].

I'm gonna keep searching, I'm sure you can do it without div's.

Ah, I see. I guess you can use <a class=1>, but I'm wondering where the link can go.
And my search continues.

Uhmm, I suppose you can use this code inside of your style tags:

td a
{
color: green;
}

and putting td tags around your links.
I'm not sure.

AHH YES!

Okayy. I think I figured it outt.

Refer to this, and how you put it in your css:

Anyhoo, I found the answer on google. It should be somewhere along the lines of putting this into your css:

.class1 a:link, .class1 a:visited, .class1 a:active {
color: #6685B0;
text-decoration: none;
}

And then I mentioned something about the <a class="#">, and I don't know where the url would go.

Typically, it goes like this:
<a class="CLASSNAMEHERE" href="URLHERE">

And in your css you go onto the classes 2, 3, 4, and five etc. Just remember to keep the global anchor css intact.

[PrincessAda]

^^thank you.topic can be closed.