как сделать цветной текст внутри кода???

<style>
#pun-title .title-logo {display : none;}
</style>

<script type="text/javascript">
var phr = new Array()
phr.push("http://www.dolem.com/lytebox/misc/pleiads_thumb.jpg")
phr.push("http://www.dolem.com/lytebox/misc/orion2_thumb.jpg")
document.write('<style>#pun-title table {background-image: url('+phr[Math.round(Math.random()*(phr.length-1))]+'); background-repeat: no-repeat;}</style>')
</script>

<img src="http://forumstatic.ru/files/0004/33/c8/46379.png" width=100% style="margin:0 0 -23px 0;"/>
<img src="http://www10.pic-upload.de/21.06.12/3owniig4gc3n.png" width=100% style="margin:0 0 -23px 0;"/>
<img src="http://www10.pic-upload.de/21.06.12/133uloktk22.jpg" width=100% style="margin:0 0 -23px 0;"/>
<img src="http://www10.pic-upload.de/21.06.12/33mfrt3nkwa.jpg" width=100% style="margin:0 0 -23px 0;"/>

<style>#КонтентРотатор p{display:none}</style>
<div id="КонтентРотатор"><!-- Ротатор произвольного контента -->
<p><img src="http://forumstatic.ru/files/0004/33/c8/46379.png"></p>
<p><img src="http://www10.pic-upload.de/21.06.12/3owniig4gc3n.png"></p>
<p><img src="http://www10.pic-upload.de/21.06.12/133uloktk22.jpg"></p>
<p><img src="http://www10.pic-upload.de/21.06.12/33mfrt3nkwa.jpg"></p>
</div>
<script language="javascript">
function Rotator_cont(selek) {
var s = 3600000;  // Время отображения
var N=$(selek).length;
var i=Math.round(Math.random()*(N-1));Rotator(i);
function Rotator(i) {
$(selek).hide();$(selek).eq(i).show();i++;
if(i>N-1){i=0};
timerId01=setTimeout(function(){Rotator(i)},s);return;}
}Rotator_cont('#КонтентРотатор p')
</script>