script opções de fundos para selecionar

vá em layout e adicione um html/javascript.

código:

<style>
#estilo a img{
width:40px;
height:40px;
display:inline;
margin-right:10px;
margin-top:15px;
border: 2px solid #EEE;
}
#estilo a:hover img{
border: 2px solid #bdebff;
}
</style>
<div id="estilo">
<script src='http://code.jquery.com/jquery-1.6.2.min.js' type='text/javascript'></script>
<script>
$(document).ready(function(){
$("#bgcolor1").click(function(){
$("body").css({"background":"url(http://i.imgur.com/EG8f3uy.png)"});
});
});
$(document).ready(function(){
$("#bgcolor2").click(function(){
$("body").css({"background":"url(http://i.imgur.com/3udj8WA.png)"});
});
});
$(document).ready(function(){
$("#bgcolor3").click(function(){
$("body").css({"background":"url(http://perlbal.hi-pi.com/blog-images/1796292/mn/136397178493.jpg)"});
});
});
</script>
<center><a href="javascript:void(O)" id='bgcolor1' title="Normal"><img src="http://i.imgur.com/EG8f3uy.png" /></a>
<a href="javascript:void(O)" id='bgcolor2' title="Background 1"><img src="http://i.imgur.com/3udj8WA.png" /></a>
<a href="javascript:void(O)" id='bgcolor3' title="Background 2"><img src="http://perlbal.hi-pi.com/blog-images/1796292/mn/136397178493.jpg" /></a></center>
</div>