På alla dina frames så döper du body till tex body1:
<body id="body1">
Lägg till detta på alla dina sidor, mellan <head> och </head>
<style type="text/css">
<!--
.red{background-color:red;}
.green{background-color:green;}
.blue{background-color:blue;}
-->
</style>
<script language="javascript">
function bytfarg(farg){
document.getElementById('body1').className=farg;
parent.ett.document.getElementById('body1').className=farg;
parent.tva.document.getElementById('body1').className=farg;
parent.tre.document.getElementById('body1').className=farg;
}
</script>
parent.ett, tva och tre är namnen på dina frames i ditt frameset(id="ett")
Och sedan ändrar du färg med:
<a href="#" onClick="bytfarg('green')">Grön</a>
<a href="#" onClick="bytfarg('red')">Röd</a>
<a href="#" onClick="bytfarg('blue')">Blå</a>
Vill du så kan du ju lätt lägga in bilder i bakgrunden istället med:
<style type="text/css">
<!--
.red{background-image:url(red.jpg);}
.green{background-image:url(green.jpg);}
.blue{background-image:url(blue.jpg);}
-->
</style>