Sæt mellem <head> </head> et stylesheet som dette, samt under <body>. Dette for at regulere selve teksten som du ønsker skal skifte farve, der kan så vælges understregning, uden understregning , samt tekststørrelser og font osv
<style>
<!--
.clsJustify {
text-align : justify;
}
a {
text-decoration : none;
color: #000000;
}
p {
text-decoration:none;
font-family: Arial;
color: #000000;
font-size: 9px;
font-weight: normal;
}
h2 {
text-decoration:none;
font-family: Arial;
color: #000000;
font-size: 9px;
font-weight: bold;
}
h3 {
text-decoration:none;
font-family: Arial;
color: #000000;
font-size: 9px;
font-weight: bold;
}
h4 {
text-decoration:none;
font-family: Arial;
color: #000000;
font-size: 9px;
font-weight: normal;
}
a:hover {
text-decoration:underline;
font-family: Arial Bold;
color: #000000;
font-size: 9px;
font-weight: normal;
}
.dropdown {
width: 200;
}
-->
</style>
</head>
<body background="../images/back.jpg" bgcolor="#FFFFFF" marginheight="0" topmargin="0" marginwidth="0" leftmargin="0" text="#FFFFFF" link="#C0C0C0" vlink="#C0C0C0" alink="#800000" bgproperties="fixed">
<script><!--
ua=navigator.userAgent;
v=navigator.appVersion.substring(0,1);
if ((ua.lastIndexOf("MSIE")!=-1) && (v!='1') && (v!='2') && (v!='3')) {
document.body.onmouseover=makeRed;
document.body.onmouseout=makeBlue;
}
function makeRed() {
src = event.toElement;
if (src.tagName == "A") {
src.oldcol = src.style.color;
src.style.color = "FF0000";
}
}
function makeBlue() {
src=event.fromElement;
if (src.tagName == "A") {
src.style.color = src.oldcol;
}
}
//-->
</script>
Stylesheetet herover under <body> behøver du ikke konfigurere yderligere, da det er "default" og tager over hvis det andet ikke virker.
Når du kommer ned til den aktive linie, hvor du ønsker mouseover-effekten, bruger du denne linie, men husk at <a href0""> og </a> skal omkranse selve fontlinien ellers er scriptet virkningsløst. Farven (this.style.color) kan sættes til næsten alt(yellow, darkgreen, darkred, purple osv - prøv dig frem)
<a href="#"><font color="#000000" size="-1" face="Arial" class="topnav" onMouseOver="this.style.color = 'red'" onMouseOut="this.style.color=''">om......</font></a>
Der findes andre, men dette er meget virkningsfuldt og enkelt.
God fornøjelse!