[SNIPPET] Page Loader

Post by **Stoker** » 28 May 2011, 21:07

A page loader that is displayed when you navigate.
Like here: http://www.gaming-arcade.org

Open styles/prosilver/template/overall_header.html
Find:

Code: Select all

/**
	* Find a member
	*/

Add before:

Code: Select all

window.onbeforeunload = loader;

	onunload_functions.push('loader()');

	function loader()
	{
		var l = document.getElementById('loader');
		if (l)
		{
			l.style.display = 'block';
		}				
	}

Find:

Code: Select all

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

After add:

Code: Select all

<div id="loader">
	<span>Page Loading...</span>
</div>

Open styles/prosilver/theme/colours.css
At the very bottom add:

Code: Select all

#loader {
	top: 40%;
	left: 40%;
	position: fixed;
	z-index: 900;
	display: none;	
	background-color: #fefefe;
	border: 1px solid #505c65;
	width: 20%;
	padding: 0.6em;
	text-align: center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
}

#loader span {
	background: url("{T_THEME_PATH}/images/loader.gif") 0 40% no-repeat;
	padding-left: 26px;
	vertical-align: bottom;
	font-weight: bold;
	font-size: 1.4em;
	z-index: 900;
}

Upload this image to: styles/prosilver/theme/images/

Post by **kevinviet** » 29 May 2011, 05:09

Thank you very much Stoker, You rock!

we're missing a lot stuffs from you.

Post by **Blackwolf** » 29 Sep 2011, 11:19

Awesome....so simple but classy!

Post by **martin123456** » 29 Sep 2011, 12:33

And for those who want to use another image

you can create them on here http://preloaders.net/en/all

i like the xp loader bar lol

Post by **Blackwolf** » 11 Oct 2011, 09:10

http://www.ajaxload.info/ is cool too.

Post by **Solidjeuh** » 03 Nov 2011, 20:35

Very nice! Thank you!!

Post by **RMcGirr83** » 22 May 2012, 00:02

That looks vaguely familiar and yet no credits.

Post by **Stoker** » 22 May 2012, 03:19

RMcGirr83 wrote:That looks vaguely familiar and yet no credits.

Dont worry, You dont have to give me credit

Post by **RMcGirr83** » 22 May 2012, 09:55

PhpBB3 BBCodes