Somebody please help with html code to splash screen redirect to new site

[Morne]

Hi all

I'm in need of some simple "splash screen" redirect.

For example, Rebus old site is:
http://www.rebusfarm.com/
When you go there, it displays the old site but then comes up with a window or splash screen instructing you to use the new site
https://www.rebusfarm.net/en/

I tried to look at the code for the site to see how it was done, but can't seem to figure it out.
Could somebody point me in the right direction please?

[joconnell]

Do a wee google for html redirect.

[Morne]

I don't so much need the redirect as such, I'm more interested in creating that window that comes up over the old site, which then in turn contains whatever text and a link the user can click on. This window keeps the focus and the user cant click on anything in the background from the old site...

[joconnell]

It's this part of the code:

 <script type="text/javascript">
    function selectiveRedirect(e) {
        if (e.shiftKey) {
            $("#overlayBlendNewSite").remove();
            $("#overlayNewSite").remove();			
        }
		else
			document.location.href="http://www.rebusfarm.net"
    }
  </script>
  <div id="overlayBlendNewSite" style="z-index:80; position:fixed; height:100%; width:100%; top: 0; left: 0; background:url(http://www.rebusfarm.de/backBlend.png) repeat; display: none;" onclick='selectiveRedirect(event);'></div>
  
  <div id="overlayNewSite" style="-moz-border-radius: 15px; border-radius: 15px; z-index:90; position:absolute; background-color: #fff; top:100px; left: 50%; width: 600px; height: 300px; margin-left:-330px; padding: 30px; display:none;" onclick='document.location.href="http://www.rebusfarm.net"'>
	<center><h1 style="font-size: 30px;"><a href="http://www.rebusfarm.net">New Render Farm Site!</a></h1>
	<br><br>
	<p>
		<a href="http://www.rebusfarm.net">Rebus Renderfarm has a new website</a>. Visit us there. 
	</p>
	</center>
  </div>
  <script>
	$("#overlayBlendNewSite").fadeIn(200); 
	$("#overlayNewSite").fadeIn(200); 
  </script>

So what's happening is it's got a wee html div for the window that comes up, and it's doing a cheaky thing with another div that has a 100% transparent png file that's set to 100% width and height of the screen - this div has an onclick event in it which uses the script at the top of the pasted code and sends you off to rebus farm's new site.

[Morne]

thanks John