|
Post by $©Ö®ΡΪΆΩ on Jan 20, 2006 17:54:53 GMT -8
This code will load your forum by displaying a box with a progress bar. Once loaded, the forum will then fade in. Works cross-browser. Here's the code:
+-------------+ |Global Header| +-------------+
<script type='text/javascript'> <!-- var boxText = "Now Loading, Please Wait."; // dialog box message var boxFont = "bold 14px Arial,Helvetica"; // dialog box font (CSS spec: "style size family") var boxFontColor = "#FFFFFF"; // dialog box font color var boxWidth = 250; // dialog box width (pixels) var boxHeight = 100; // dialog box height (pixels) var boxBGColor = "#006699"; // dialog box background color var boxBorder = "1px outset #FFFFFF"; // dialog box border (CSS spec: "size style color") var barLength = 200; // progress bar length (pixels) var barHeight = 15; // progress bar height (pixels) var barColor = "#009999"; // progress bar color var barBGColor = "#006666"; // progress bar background color var fadeInSpeed = 10; // content fade-in speed (0 - 30; 0 = no fading)* //--> </script> <script type='text/javascript' src='http://h1.ripway.com/Tater%20Salad/javascripts/public/loader1.js'> // JavaScript Loader -+- Part 1 // Place this code at the top of your header. // Do not redistribute this code without my permission. </script>
+-------------+ |Global Footer| +-------------+
<script type='text/javascript' src='http://h1.ripway.com/Tater%20Salad/javascripts/public/loader2.js'> // JavaScript Loader -+- Part 2 // Place this code at the bottom of your footer. // Do not redistribute this code without my permission. </script> Customization is pretty straight-forward.
|
|