Advertisement
chrishajer

Loading animation before redirect

Aug 3rd, 2012
910
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.86 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5.         <style type="text/css">
  6.         div#content {
  7.                 width: 400px;
  8.                 margin: 10px auto;
  9.                 color: #797979;
  10.                 background-color: #FFFFFF;
  11.         }
  12.         div#content h3 {
  13.                 font-family: Helvetica, Arial, sans-serif;
  14.                 font-size: 44px;
  15.                 font-style: normal;
  16.                 font-weight: normal;
  17.                 text-transform: normal;
  18.                 letter-spacing: -3px;
  19.                 line-height: 1.2em;
  20.                 text-align: center;
  21.                 margin-bottom: 0px;
  22.         }
  23.         div#content img {
  24.                 margin: 15px 0 0 50px;
  25.         }
  26.         div#content p {
  27.                 font-family: Helvetica, Arial, sans-serif;
  28.                 font-size: 16px;
  29.                 font-style: normal;
  30.                 font-weight: normal;
  31.                 text-transform: normal;
  32.                 letter-spacing: normal;
  33.                 line-height: 1.4em;
  34.                 margin-top: 20px;
  35.         }
  36.         </style>
  37.         <meta name="robots" content="noindex" />
  38.         <meta http-equiv="refresh" content="30;url=http://example.com/" />
  39.         <!-- change the 30 here to the number of seconds you want to wait before redirecting.  Change the URL also to the one for the admin area of the new site -->
  40.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  41.         <title>Hang in there while we create your site</title>
  42.         <!-- script to show a link to visit the new site in case redirection did not work -->
  43.         <script type="text/javascript">
  44.         function showRedirectLink() {
  45.                 document.getElementById("redirection").style.display = "block" ;
  46.         }
  47.         // the 35 here should be longer than the 30 in the meta line, so that this link will only appear after the browser fails to redirect
  48.         // also, change the URL here for the admin area of the new site
  49.         setTimeout("showRedirectLink()", 35000);  // 35 seconds, in case browser did not redirect automatically
  50.         </script>
  51. </head>
  52. <body>
  53.         <div id="content">
  54.                 <h3>Success!</h3>
  55.                 <img src='loadingAnimation.gif' width="300" height="300" alt="please wait while we create your new site" />
  56.                 <p>Please hang in there while we create your new site.  We will redirect you there as soon as it's ready.  Thanks for your patience.</p>
  57.                 <p id="redirection" style="display:none;"><a href="http://www.example.com/" title="Go to your new site now">Visit your new site now</a></p>
  58.         </div><!-- end content -->
  59.         <!-- reference http://bit.ly/Psgw2B -->
  60. </body>
  61. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement