Closed Thread Icon

Preserved Topic: link color change Pages that link to <a href="https://ozoneasylum.com/backlink?for=17762" title="Pages that link to Preserved Topic: link color change" rel="nofollow" >Preserved Topic: link color change\

 
Author Thread
nt
Neurotic (0) Inmate
Newly admitted
posted posted 06-12-2000 15:28

Hey how can I change link color in the same site(two different links and two different link colors)? Could it be done with CSS?

Wes
Paranoid (IV) Mad Scientist

From: Inside THE BOX
Insane since: May 2000

posted posted 06-12-2000 19:53

Sure. In fact, that's one of my favorite things about CSS. Just use the psuedo class "A:link." Like this...

<STYLE TYPE="text/css">

A:link.style1 { color: #FF0000 }
A:link.style2 { color: #00FF00 }

</STYLE>

Then apply the styles in the appropriate link tags...

<A HREF="somewhere.html" CLASS="style1">This link is red.</A>

<A HREF="somewhere_else.html CLASS="style2">This link is green.</A>

And there's also A:active, A:visited and A:hover, which set the ALINK and VLINK colors, as well as a rollover color, which unfortunately only work in IE as of yet.


nt
Neurotic (0) Inmate
Newly admitted
posted posted 06-12-2000 21:42

Hey THANKS man!!! I just read the CSS manual from http://www.westciv.com/style_master/academy/hands_on_tutorial/index.html and now I'm much more wiser! Now I can upload my pages to net even today! THANK YOU!!!

-Time is always against me-

joealsip
Obsessive-Compulsive (I) Inmate

From:
Insane since: Jun 2000

posted posted 06-25-2000 04:31

this works too and its probably easier:

<a href=".">
<font color="red">red Link</a></font>

Pugzly
Paranoid (IV) Inmate

From: 127.0.0.1
Insane since: Apr 2000

posted posted 06-25-2000 20:42

But .css allows you to make globabl changes to all related links just by changing the relevant style info. If you're building a site with more than one page, .css is the way to go!

Pat Richard
Web weenie

DocOzone
Maniac (V) Lord Mad Scientist
Sovereign of all the lands Ozone and just beyond that little green line over there...

From: Stockholm, Sweden
Insane since: Mar 1994

posted posted 06-25-2000 23:30

Plus, that's actually bad HTML, tags should NEST, not jigger-jagger like that. Try this instead...

<a href="."><font color="red">red Link</font></a>

Works for a quick fix, I've done it myself on sites where the .css file got too big, and I really needed to change just one link, like on the splash page.

Your pal, -doc-<P>

joealsip
Obsessive-Compulsive (I) Inmate

From:
Insane since: Jun 2000

posted posted 06-26-2000 02:05

Well im sorry. <img border=0 align=absmiddle src="http://www.ozones.com/forum/smile.gif">

DocOzone
Maniac (V) Lord Mad Scientist
Sovereign of all the lands Ozone and just beyond that little green line over there...

From: Stockholm, Sweden
Insane since: Mar 1994

posted posted 06-27-2000 00:32

Hrmph. Well, OK. Say two "Hail Doctors" and an "Ave DocOzone" and all will be forgiven! <img border=0 align=absmiddle src="http://www.ozones.com/forum/biggrin.gif">

Your pal, -doc-<P>

« BackwardsOnwards »

Show Forum Drop Down Menu