Forumhome Loading Please Wait

M

MobileHacks

New Member
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

PHP: 
<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.
demo:
 
First, double id parameter, we can delete the second (id="pageIsLoading").

Second, this div don´t expand to all page, if you wish this subtitute height and width to 100% :D

With this mods, the script is very nice, so cute lol I like that and I also implemented!

Example of my webpage, the FORUMHOME template, part of them:

Code: 
$stylevar[htmldoctype]
<html xmlns="http://www.w3.org/1999/xhtml" dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
	<!-- no cache headers -->
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="-1" />
	<meta http-equiv="Cache-Control" content="no-cache" />
	<!-- end no cache headers -->
	$headinclude
	<title><phrase 1="$vboptions[bbtitle]">$vbphrase[x_powered_by_vbulletin]</phrase></title>
</head>
<body onLoad="init()">
<div id="loading" align="center" style=" position:absolute; height:100%; top:0;display:block; width:100%;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/morbid_apple/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>
$header
$navbar

<if condition="$show['guest']">
 
It isn't any modification !!!

MobileHacks said:
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
Click to expand...
 
You must log in or register to reply here.
Back
Top