Hello,
I am the webmaster of
blink-net.com, and I had some questions.
If you
go there now and you take a look at the top navigator, above the flash banner, you see that when you mouseover the link, the bg turns white and the text turns black. thats how i want it, but now if you go down into the main page, the links turn black, and they are hard to read. I want them to change to a more readable color, like #CCCCCC. If anyone has any suggestions, here is the source
HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<LINK REV="made" href="mailto:webmaster@blink-net.com">
<META NAME="keywords" CONTENT="blink-182, blink, 182, tom delonge, travis barker, mark hoppus, macbeth, atticus, rock concert, feeling this, easy target, down, guitar, punk, rock, pop, all the small things, adams song, rabbit">
<META NAME="description" CONTENT="A blink-182 (non-official) site that has updated news daily, media, an active forum, lyrics, tabs, discography, pictures, and our newest addtion, a 24/7 web radio that plays blink-182 all the time. Come see for your self on the best blink 182 site on the net!">
<META NAME="author" CONTENT="Nick Stocchero">
<META NAME="ROBOTS" CONTENT="ALL">
<title>Blink-Net : Official Blink-182 Fan Site</title>
<style type="text/css">
<!--
body {
background-image: url([url]http://www.blink-net.com/_images/bg.jpg[/url]);
background-color:#3C1213;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
color: #FFFFFF;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
}
.style4 {
font-size: 14px;
font-weight: bold;
}
textarea {
background-color: #3C1213;
color : #FFFFFF;
border: 1px solid #FFFFFF;
padding: 5px;
}
input {
background-color: #3C1213;
color : #FFFFFF;
border: 1px solid #FFFFFF;
}
.forumlogin {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
}
.style10 {
font-size: 16px;
font-weight: bold;
}
.style11 {
color: #000000;
font-weight: bold;
}
.style12 {color: #000000}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
color: #FFFFFF;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: none;
}
a:active {
color: #CCCCCC;
text-decoration: none;
}
-->
</style>
</head>
<script>
/*
Gradual-Highlight Image Script II-
By J. Mark Birenbaum (birenbau@ugrad.cs.ualberta.ca)
Permission granted to Dynamicdrive.com to feature script in archive
For full source to script, visit [url]http://dynamicdrive.com[/url]
*/
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
/* object - image to be faded (actual object, not name);
* destop - destination transparency level (ie 80, for mostly solid)
* rate - time in milliseconds between trasparency changes (best under 100)
* delta - amount of change each time (ie 5, for 5% change in transparency)
*/
function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
if (object != "[object]"){ //do this so I can take a string too
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
return;
}
clearTimeout(nereidFadeTimers[object.sourceIndex]);
diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp){
direction = -1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;
if (object.filters.alpha.opacity != destOp){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}
</script>
<body>
<center>
<table width="780" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="15"> </td>
<td width="66"> </td>
<td width="43" onMouseOver="this.bgColor = '#FFFFFF'; this.style.color='#000000'" onMouseOut="this.bgColor = ''; this.style.color='#FFFFFF'"><div align="center"><span class="style4"><a href="http://www.blink-net.com" target="_top">HOME</a></span></div></td>
<td width="6"><div align="center"> </div>
**</td>
<td width="48" onMouseOver="this.bgColor = '#FFFFFF'; this.style.color='#000000'" onMouseOut="this.bgColor = ''; this.style.color='#FFFFFF'"><div align="center"><span class="style4"><a href="http://www.blink-net.com/media" target="_top">MEDIA</a></span> </div></td>
<td width="6"><div align="center"> </div>
**</td>
<td width="54" onMouseOver="this.bgColor = '#FFFFFF'; this.style.color='#000000'" onMouseOut="this.bgColor = ''; this.style.color='#FFFFFF'"><div align="center"><span class="style4"><a href="http://www.blink-net.com/lyrics" target="_top">LYRICS</a></span> </div></td>
<td width="6"><div align="center"> </div>
* *</td>
<td width="39" onMouseOver="this.bgColor = '#FFFFFF'; this.style.color='#000000'" onMouseOut="this.bgColor = ''; this.style.color='#FFFFFF'"><div align="center"><span class="style4"><a href="http://www.blink-net.com/tabs" target="_top">TABS</a></span> </div></td>
<td width="6"><div align="center"> </div>
* *</td>
<td width="57" onMouseOver="this.bgColor = '#FFFFFF'; this.style.color='#000000'" onMouseOut="this.bgColor = ''; this.style.color='#FFFFFF'"><div align="center"><span class="style4"><a href="http://www.blink-net.com/events" target="_top">EVENTS</a></span> </div></td>
<td width="6"><div align="center"> </div>
* *</td>
<td width="106" onMouseOver="this.bgColor = '#FFFFFF'; this.style.color='#000000'" onMouseOut="this.bgColor = ''; this.style.color='#FFFFFF'"><div align="center"><span class="style4"><a href="http://www.blink-net.com/discography" target="_top">DISCOGRAPHY</a></span> </div></td>
<td width="6"><div align="center"> </div>
* *</td>
<td width="72" onMouseOver="this.bgColor = '#FFFFFF'; this.style.color='#000000'" onMouseOut="this.bgColor = ''; this.style.color='#FFFFFF'"><div align="center"><span class="style4"><a href="http://www.blink-net.com/gallery/pictures.php" target="_top">PICTURES</a></span> </div></td>
<td width="6"><div align="center"> </div>
* *</td>
<td width="56" onMouseOver="this.bgColor = '#FFFFFF'; this.style.color='#000000'" onMouseOut="this.bgColor = ''; this.style.color='#FFFFFF'"><div align="center"><span class="style4"><a href="http://www.blink-net.com/phpBB2" target="_top">FORUM</a></span> </div></td>
<td width="6"> </td>
<td width="30" onMouseOver="this.bgColor = '#FFFFFF'; this.style.color='#000000'" onMouseOut="this.bgColor = ''; this.style.color='#FFFFFF'"><div align="center"><span class="style4"><a href="http://www.blink-net.com/site" target="_top">SITE</a></span></div></td>
<td width="6"> </td>
<td width="48" onMouseOver="this.bgColor = '#FFFFFF'; this.style.color='#000000'" onMouseOut="this.bgColor = ''; this.style.color='#FFFFFF'"><div align="center"><span class="style4"><a href="http://www.blink-net.com/other" target="_top">OTHER</a></span></div></td>
<td width="55" class="style4"></td>
<td width="37" class="style4"></td>
</tr>
<tr bgcolor>
<td><img src="http://www.blink-net.com/_images/tableleft.gif" width="15" height="10"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td bgcolor="#FFFFFF"></td>
<td colspan="3" bgcolor="#FFFFFF"></td>
</tr>
<tr valign="top">
<td height="10" colspan="23"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="780" height="75">
<param name="movie" value="http://www.blink-net.com/_images/header.swf">
<param name=quality value=high>
<embed src="http://www.blink-net.com/_images/header.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="780" height="75"></embed>
</object></td>
</tr>
</table>
</center>
