Random Logo in Header

What This Does
This will make a random logo which you select appear on the top of your board.

You must have JavaScript enabled.

Now let's get started, shall we?
Go to your admincp and open up the "header" template.

At the very begining of your header template, add:

<SCRIPT LANGUAGE="JavaScript">
 
<!-- Begin Random Logo In Header Script
 
var theImages = new Array() // do not change this
 
<!-- Edit the url images to match yours
theImages[0] = 'http://www.yoursite.com/forum/images/banner1.gif'
theImages[1] = 'http://www.yoursite.com/forum/images/banner2.gif'
 
 
 
var j = 0
var p = theImages.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
preBuffer[i] = new Image()
preBuffer[i].src = theImages[i]
}
var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<div align="center"><a href="index.php"><img src="'+theImages[whichImage]+'" border="0" alt="$vboptions[bbtitle]" /></a></div>');
}
 
// End -->
</script>

Find:

<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
    <td align="$stylevar[left]" class="logobg"><a href="$vboptions[forumhome].php?$session[sessionurl]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
</tr>
</table>

And replace it with:

<SCRIPT LANGUAGE="JavaScript">
 
 
<!-- Begin
showImage();
// End --></script>

And you're done

To add more images, go back to:

theImages[1] = 'http://www.yoursite.com/forum/images/banner2.gif'

And after, you can add:

theImages[2] = 'http://www.yoursite.com/forum/images/banner3.gif'

And so on.

I know this can be done with a plugin or some sort of installer, but since I have no idea on how to do that, I suppose there won't be one unless someone creates one, or until I figure out how.

If you would like to recieve updates on this modification, please click the 'Install' button.

Daniel
www.mmoccforum.com

[Gripemaster]

I LOVE THIS HACK!!! My only question is... how do I center the headers? As soon as I figure out how to center them the install button will be happily clicked!

[attroll]

This is a great hack Daniel. But the only problem I had with it was that you could not click on the banner and have it bring you to the web site that you were advertising. All it did was display a banner. Most people that user banners using them to advertise and they want users to go the advertisors web site. You can not do this unless you have the banner as a active link.

I created this little hack here that seems to do it all. This hack may have room for improvement but it is basic and the banners rotate and are active links.
https://vborg.vbsupport.ru/showthread.php?t=106682

[Smiry Kin's]

i can't seem to find the first bit..

im using element skin.

Find:

<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
	<td align="$stylevar[left]" class="logobg"><a href="$vboptions[forumhome].php?$session[sessionurl]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
</tr>
</table>

And replace it with:

<SCRIPT LANGUAGE="JavaScript">
 
 
<!-- Begin
showImage();
// End --></script>

please help

[Smiry Kin's]

anyhelp?

[Daniel]

Originally Posted by Smiry Kin's

i can't seem to find the first bit..

im using element skin.

Find:

<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
	<td align="$stylevar[left]" class="logobg"><a href="$vboptions[forumhome].php?$session[sessionurl]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
</tr>
</table>

And replace it with:

<SCRIPT LANGUAGE="JavaScript">
 
 
<!-- Begin
showImage();
// End --></script>

please help

I don't have any experience with the element skin, but it's just replacing

 <!-- Begin
showImage();
// End -->

with the image that displays your logo.

[MarkyD]

Originally Posted by Gripemaster

I LOVE THIS HACK!!! My only question is... how do I center the headers? As soon as I figure out how to center them the install button will be happily clicked!

that's my issue as well. How do I center?

[tbaleno]

I changed the line

document.write('<img src="'+theImages[whichImage]+'">');

to

document.write('<center><img src="'+theImages[whichImage]+'"></center>');

I don't know if thats the cleanest way to do it but thats what I did.

[MarkyD]

Originally Posted by tbaleno

I changed the line

document.write('<img src="'+theImages[whichImage]+'">');

to

document.write('<center><img src="'+theImages[whichImage]+'"></center>');


I don't know if thats the cleanest way to do it but thats what I did.

thanks so much! that did the trick.

[tbaleno]

One comment. I found that when you don't have javascript enabled it shows no image at all. So what I have done is found:

<SCRIPT LANGUAGE="JavaScript">
 
 <!-- Begin
showImage();
// End --></script>

And added this right after:

<no script>
<center><img src='/images/put_your_default_image_name_here'></center>
</no script>

I think this should work to keep the site consistant when a non java script enabled person visits your site. Also note that the <center> and </center> are optional. I just use them on my board because I like my logo centered.

[Daniel]

Nice idea, thanks for sharing.

And thanks tbaleno for helping out.