pooffck1
07-27-2008, 10:00 PM
Ok this is my second template edit, what this template modifications does it blacks out the forumhome and lowers the opacity of the forumhome with a black overlay with a loading image in the middle UNTIL the forumhome is fully loaded.
Demo: (i dont have a demo at the moment, if the person who wants there demo here then please just post your link in this thread and i will put it up)
Template Change
FORUMHOME
At the top of the forumhome place this
<body onLoad="init()">
<div id="loading" align="center" id="pageIsLoading" style=" position:absolute; height:642; top:0;display:block; width:1047;background: #333333;
z-index:10000; -moz-opacity:.8; opacity:.8; filter:alpha(opacity80); left:10; padding-left:0; padding-right:0; padding-top:220px; padding-bottom:10px; background-color:#333333">
<img src="forum/images/YOURSTYLE/loader.gif" border=0 width="32" height="32"></div>
<script>
var ld=(document.all);
var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
if (ns4)
ld=document.loading;
else if (ns6)
ld=document.getElementById("loading").style;
else if (ie4)
ld=document.all.loading.style;
function init()
{
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}
</script>
I have put the change you need to make on your own style in bold. Upload the image attached at the bottom and upload it your own server and then write the image path.
Enjoy, please install as this is my second template modifications
Demo: (i dont have a demo at the moment, if the person who wants there demo here then please just post your link in this thread and i will put it up)
Template Change
FORUMHOME
At the top of the forumhome place this
<body onLoad="init()">
<div id="loading" align="center" id="pageIsLoading" style=" position:absolute; height:642; top:0;display:block; width:1047;background: #333333;
z-index:10000; -moz-opacity:.8; opacity:.8; filter:alpha(opacity80); left:10; padding-left:0; padding-right:0; padding-top:220px; padding-bottom:10px; background-color:#333333">
<img src="forum/images/YOURSTYLE/loader.gif" border=0 width="32" height="32"></div>
<script>
var ld=(document.all);
var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
if (ns4)
ld=document.loading;
else if (ns6)
ld=document.getElementById("loading").style;
else if (ie4)
ld=document.all.loading.style;
function init()
{
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}
</script>
I have put the change you need to make on your own style in bold. Upload the image attached at the bottom and upload it your own server and then write the image path.
Enjoy, please install as this is my second template modifications