Ok, para hacer eso hay dos formas, ambas usando CSS, de hecho el Dream también lo usa automáticamente, pero como todo lo automático, es limitado. Entonces tendrías que trabajar con el código.
Bien, esta es la primera forma, a cada enlace le pones una clase, por ejemplo:
<a href="enlace1" class="azul">Enlace 1</a> |
<a href="enlace2" class="amarillo">Enlace 2</a> |
<a href="enlace3" class="negro">Enlace 3</a> |
<a href="enlace4" class="rosa">Enlace 4</a>
Ahora un poco más arriba entre <head> y </head> vas a hallar hallar algo así:
<style type="text/css">
.........
.........
.........
/*Los puntos suspensivos representan estilos que el Dream ha generado. Solo tienes que agregar lo siguiente */
.azul {
color: #0000FF;
}
.azul:hover {
color: #0080FF; /*Por si acaso quieras cambiar de color cuando el mouse está encima*/
}
.amarillo {
color: #00FFFF;
}
.amarillo:hover {
color: #80FFFF;
}
........
........
</style>
Bien, esta forma es la que te conviene, hay otra pero sería en otro caso que a lo mejor también te podría servir alguna vez:
Colocas todos los enlaces a los que quieres darle un estilo común (no es tu caso) en un contenedor, lo más usual es usar un DIV
<div class="contenedor">
<a href="enlace1"> Enlace 1 </a>
<a href="enlace2"> Enlace 2 </a>
<a href="enlace3"> Enlace 3 </a>
<a href="enlace4"> Enlace 4 </a>
</div>
Ahora vamos a darle el estilo común:
.contenedor a {
color: #0000FF;
}
.contendor a:hover {
color: #000080;
}
Espero que te sirva.