<div style="position:absolute; position:fixed; top:24px; left:0px; width:100%; z-index:4;" >   
   <center>   
   <div id="preloader" align="center" style="padding:10px 0px; width:200px; background:url(http://pro-gamer.net.ru/images/fonloader.png); -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-radius-bottomleft:5px; -webkit-border-radius-bottomright:5px; font-size:7pt; color:#fff;">   
   <img src="http://pro-gamer.net.ru/images/preloader.gif" alt="" /><br>   
   <font color="#5d5d5d">Идёт загрузка страницы...</font>   
   </div>   
   </center>   
   </div>

<script type="text/javascript">   
$("body.main").attr("onUnload", "$(\'#preloader\').fadeIn(\'1000\');");   
$('#preloader').fadeOut('1000');   
</script>