View Full Version : How To Chnage Body Text Link Color?

10-27-2008, 04:41 PM

how to change the body text link color from yellow to blue?

Note: I need the footer links remain at yellow, only change the body text link color.


10-27-2008, 04:46 PM
1. Apply a div to the content.

#content {

<div id="content">Home Security Resources: learn more about Home Security from these resouces on the Web.
Buglar Alarm - Wikipedia information

Home Security Products and Home Alarms

Home Security Guru

Home Security Information and Safety Tips

The Complete Idiot's Guide to Home Security</div>

then use this:

#content a:link {
font-color: blue;

#content a:hover {
font-color: orange;

etc... Just modify the CSS to how you want it.

10-27-2008, 05:01 PM
Or if you want a quick fix, change the hexadecimal of the link colour (in the body) to one that makes blue, instead of yellow.

<body bgColor="#575757" Link="#0000ff" VLink="#FCD401">

10-27-2008, 05:06 PM
Read this again:

Note: I need the footer links remain at yellow, only change the body text link color.

Your code will change all links to Blue.

10-27-2008, 05:08 PM
I believe it's advisable to keep all of your link colouring consistent throughout your site.

10-27-2008, 05:19 PM
But the request, according to the OP, was to have the links in the footer remain yellow.

10-27-2008, 05:23 PM
Read this again:

Your code will change all links to Blue.

GalaxyCode, you're right, I just want the body in blue.

I still not too sure of doing it, I copy and paste my code here, can you modify for me? I guess the bold part is the right part we should work at?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

<!-- meta tags -->
<meta name="description" content="<?php echo ucwords(str_replace("-", " ", $_GET["seed"]));?>">
<meta name="keywords" content="<?php echo ucwords(str_replace("-", " ", $_GET["seed"]));?>">

<!-- title -->
<title><?php echo ucwords(str_replace("-", " ", $_GET["seed"]));?></title>

<!-- css -->
<style type="text/css">
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;text-decoration: none;}

<style type="text/css">
width: 1000px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
body {text-align:center;margin:0}

<!-- javascript rollover -->

<script language="javascript" type="text/javascript">
function MM_swapImgRestore() {
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

function MM_preloadImages() {
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

function MM_findObj(n, d) {
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;

function MM_swapImage() {
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}


<body bgColor="#575757" Link="#FCD401" VLink="#FCD401">

<!-- main images -->

<div id="container">
<div id="image1" style="position:absolute; overflow:hidden; left:0px; top:13px; width:1000px; height:144px; z-index:0"><img src="images/security_1x1.jpg" border=0 width=1000 height=144></div>

<div id="image2" style="position:absolute; overflow:hidden; left:0px; top:157px; width:1000px; height:147px; z-index:1"><img src="images/security_2x1.jpg" border=0 width=1000 height=147></div>

<div id="image3" style="position:absolute; overflow:hidden; left:0px; top:303px; width:1000px; height:186px; z-index:2"><img src="images/security_3x1.jpg" border=0 width=1000 height=186></div>

<div id="image4" style="position:absolute; overflow:hidden; left:0px; top:487px; width:1000px; height:109px; z-index:3"><img src="images/security_4x1.jpg" border=0 width=1000 height=109></div>

<!-- headline -->

<div id="text1" style="position:absolute; overflow:hidden; left:104px; top:28px; width:703px; height:40px; z-index:4">
<div class="wpmd">
<div><font class="ws22" color="#D20000" face="Georgia">Home Security</font><font class="ws22" color="#FFFFFF" face="Georgia"> For Your </font><font class="ws22" color="#FCD401" face="Georgia">Home</font><font class="ws22" color="#FFFFFF" face="Georgia"> and Family</font></div>

<!-- subheadline -->

<div id="text2" style="position:absolute; overflow:hidden; left:474px; top:107px; width:514px; height:60px; z-index:5">
<div class="wpmd">
<div align=center><font class="ws18" color="#BB0000" face="Georgia">Home Security Resources:</font><font class="ws18" color="#333333" face="Georgia"> learn more about Home Security from these resouces on the Web. </font><font class="ws18" color="#216BBD" face="Georgia"></font><font class="ws18" color="#333333" face="Georgia"></font></div>

<!-- your ad copy here -->

<div id="text3" style="position:absolute; overflow:hidden; left:499px; top:192px; width:457px; height:175px; z-index:6">
<div class="wpmd">
<div><font class="ws9" color="#333333">
<p><a href="http://en.wikipedia.org/wiki/Burglar_alarm">Buglar Alarm - Wikipedia information</a></p>
<p><a href="http://www.homesecurityandalarms.com/">Home Security Products and Home Alarms</a></p>
<p><a href="http://www.homesecurityguru.com/">Home Security Guru</a></p>
<p><a href="http://www.homesecurityinformation.com/">Home Security Information and Safety Tips</a></p>
<p><a href="http://www.amazon.com/Complete-Idiots-Guide-Home-Security/dp/0028639510">The Complete Idiot's Guide to Home Security</a></p>
<div><font class="ws9" color="#333333"><BR></font></div>

<!-- bulletpoints here -->

<div id="text4" style="position:absolute; overflow:hidden; left:53px; top:420px; width:170px; height:56px; z-index:7">
<div class="wpmd">
<div><font class="ws9" color="#FFFFFF">Best Home Security System?</font></div>
<div><font class="ws9" color="#FFFFFF">Electric or Battery Powered?</font></div>
<div><font class="ws9" color="#FFFFFF">Indoor vs Outdoor Alarm</font></div>

<div id="text5" style="position:absolute; overflow:hidden; left:257px; top:420px; width:178px; height:56px; z-index:8">
<div class="wpmd">
<div><font class="ws9" color="#FFFFFF">DIY vs hire a professional</font></div>
<div><font class="ws9" color="#FFFFFF">Wireless security systems?</font></div>
<div><font class="ws9" color="#FFFFFF">Most trusted brand and cost?</font></div>

<!-- cta button -->

<div id="rollimg1" style="position:absolute; overflow:hidden; left:641px; top:379px; width:334px; height:123px; z-index:9">
<a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rollimg1','','images/securityquote_roll.png',1)" href="http://www.incentaclick.com/nclick.php?id=19334&cid=4320&sub=">
<img name="rollimg1" onLoad="MM_preloadImages('images/securityquote_roll.png')" width=334 height=123 alt="" border=0 src="images/quotehere.png">

<!-- footer -->

<div id="text6" style="position:absolute; overflow:hidden; left:4px; top:561px; width:990px; height:22px; z-index:10">
<div class="wpmd">
<div align=center><font class="ws8" color="#FFFFFF">Copyright (c) homesecurityanswer.com - </font><font class="ws8"><a href="http://www.incentaclick.com/nclick.php?id=19334&cid=4320&sub=">Protect Your Home Now</a></font><font class="ws8" color="#FFFFFF"> | </font><font class="ws8"><a href="http://www.homesecurityanswer.com/learn.php">Learn More About Home Security</a></font><font class="ws8" color="#FFFFFF"> | </font><font class="ws8"><a href="http://www.homesecurityanswer.com/privacy.php">Privacy</a></font><font class="ws8" color="#FFFFFF"> | </font><font class="ws8"><a href="mailto:info@homesecurityanswer.com">Contact Us</a></font></div>


10-27-2008, 07:18 PM
But the request, according to the OP, was to have the links in the footer remain yellow.

I know. I just think it's a bad idea.

Whatever. :rolleyes:

Major Payne
10-29-2008, 01:30 AM
I know. I just think it's a bad idea.

Whatever. :rolleyes:I agree. People have a certain expectation of what link colors are suppose to be on a web page. Just because you can change them doesn't mean it's correct to do so.