ok, i just created this from the instructions above... it seems to be working, but my test-server loads everything so fast that i have no time to check out if the colors and stuff are ok

3 simple template additions do the job
upload the attached image to your imagesfolder
edit template: header
-be sure to eleminate the spaces in: { imagesfolder } (otherwise it would show this board's url

)
FIND:
PHP Code:
<!-- logo and buttons -->
JUST ABOVE THAT ADD:
PHP Code:
<div id="hidepage" style="position: absolute; left:0px; top:0px; background-color: #FFFFFF; layer-background-color: #000000; height: 100%; width: 100%;">
<table width="100%" height="100%">
<tr>
<td align="center" valign="middle">
<table width="50%" align="center" style="border: 1 solid">
<tr>
<td align="center" class="row1"><span class="genmed"><br /><b>Page Loading... please wait!</b><br /><br /><img src="{ imagesfolder }/loading.gif"><br /><br />This page still doesn't show? Click <span onclick="hideLoadingPage()" style="cursor:hand"><u>here</u></span><br /> </span></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
edit template: footer
FIND:
PHP Code:
$copyrighttext
</smallfont></p>
JUST UNDER THAT ADD:
PHP Code:
<script language="JavaScript" type="text/javascript">
<!--
hideLoadingPage();
//-->
</script>
edit template: headinclude
FIND:
JUST ABOVE THAT ADD:
PHP Code:
<script language="JavaScript" type="text/javascript">
<!--
function hideLoadingPage() {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('hidepage').style.visibility = 'hidden';
}
else {
if (document.layers) { // Netscape 4
document.hidepage.visibility = 'hidden';
}
else { // IE 4
document.all.hidepage.style.visibility = 'hidden';
}
}
}
// End -->
</script>