PDA

Click to See Complete Forum and Search --> : Changing Link font colour.

Lizzie
07-17-2006, 11:47 PM
I've messed about with this page, for a week now, trying to change the colour of the link fonts to dark green from blue. I just can't get it, so wonder if someone could take a look at the page for me please.
http://harlequinfarmsgypsyhorses.com/designgreen.html
Thanks so much.
Lizzie
zygh
07-18-2006, 12:00 AM
use something like in ur style sheet

a:link {color:whatever the web safe hex color for dark green}

u can also use:

a:visited {}
a:hover {}
a:active{}

to change those too!

=P
ulillillia
07-18-2006, 12:20 AM
Websafe colors for dark green would likely be either 006600 or 009900, most likely the first one. This is 006600: ###### and this is 009900: ######.

Any color a multiple of 51 for the RGB values is a websafe color (or where the hex digits are doublets of 0's, 3's, 6's, 9's, C's or F's).

Edit: This image (http://www.ulillillia.us/images/truecolorpalette.png), about 60 KB for downloading, has all colors of the 24-bit palette. Do note the 4096x4096 image size will take up 48 MB of memory though.
jeffy777
07-18-2006, 12:48 AM
This is helpful for finding the hex values:
http://www.w3schools.com/css/css_colors.asp
Lizzie
07-18-2006, 01:14 AM
Hi guys and thank you so much for your help.
I probably didn't make myself clear. I know how to find safe colours etc. What I need to know is "how" to change it - code-wise and on the page, to get rid of that blue.

Example.
I've tried everything to change the colours in just the first "Our Stallions" piece like this..

<TD BGCOLOR="#E7FFE7" width="119" align="center" link color="006600">
<b><font color="#006600" face="Times New Roman" size="2">
<a href="http://harlequinfarmsgypsyhorses.com/Home.html">Our Stallions</a></font></b></TD>
</TR>

but it still stays blue.
Being new at this, I have tried day after day, but to no avail so have brought it to you for help.
Thanks so much for your kindness.
Lizzie
zygh
07-18-2006, 01:24 AM
type this in the head section of ur page...

<style type="text/css">
a:link {color:#006600;}
</style>

add
a:visited {}
a:hover {}
a:active{}

for more link effects...

note.. that will change the ALL the links color for the ENTIRE PAGE for just one link add this part in the <a> tag...

style="a:link{color:#006600;}"

and that should do it...

=P
Albatross
07-18-2006, 01:25 AM
Use CSS instead of HTML markup to style your link colors.

<head>
<title>Title of Your Web Page</title>
<style type="text/css">
a {color: #006600;}
</style>
</head>

By using CSS to style your links (and other page elements, on top of creating table-free layouts) you can make it really easy to change any part of your site, or even the entire site, by changing one file.

For more information on CSS, I recommend Cascading Style Sheets: The Definitive Guide (Second Edition) by the "CSS Godfather" himself, Eric Meyer.
ulillillia
07-18-2006, 01:25 AM
There's no such parameter as "link color" for table data. You'd need CSS for that:


a:link {
color: #ffc000;
}
a:visited {
color: #ff0000;
}
a:hover {
color: #a0a0a0;
background: #0000ff;
}

table {
font-size: 10pt;
font-family: "Courier New", monospace;
background: #000000;
color: #00e0e0;
}


Play around with it and see. My site is designed toward 16-bit color as a minimum.
Lizzie
07-18-2006, 01:30 AM
Yes it is fun Zygh.
Thank you all.
I'll go and give it a try right now. I was beginning to hate that green page!
Thank you also for the link to Cascading Style Sheets. I'll do some studying on that.
Lizzie
Albatross
07-18-2006, 01:34 AM
It was just a title, actually. If you find the book to be too much to read, Elizabeth Castro, author of the HTML for the World Wide Web: Visual Quickstart Guide series will have her sixth edition of the book, titled HTML, XHTML and CSS: Visual Quickstart Guide in stores next month.

I'm planning on purchasing a copy of that book, along with the second edition of Jeffery Zeldman's Designing with Web Standards when they hit store shelves in a few weeks just to see what else I can learn :D.