la porta e' una gif (o png) trasparente
di cui solo l' interno e' trasparente

l' immagine e' in un livello di cui cambi dinamicamente il background-color

codice:
<script type="text/javascript">
function coloraSfondo(col){
  document.getElementById('porta').style.backgroundColor=col;
}
</script>
<div id="porta" style="background-color:#f0f0f0;">
[img]porta.gif[/img]
</div>
rosso
ciao