The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

After Login, Redirecting... page (tutorial)

4 posters

The forum of the forums :: Support forum :: Scripts (Coding) Problems :: Scripts Problems Archives

Go down

Solved After Login, Redirecting... page (tutorial)

Post by +Fusion- June 11th 2012, 6:23 pm

ok so i created a redirecting page aftger you login, everything works, but now i just want to display the usersname, after "thank you for logging in,"
My redirect page:
After Login, Redirecting... page (tutorial) Redire10

My script:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta name="generator" content=
  "HTML Tidy for Linux/x86 (vers 11 February 2007), see www.w3.org" />
  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
  <meta http-equiv="Refresh" content="20;url=http://www.xcodezz.com/forum" />

  <title>Welcome to xCoDeZz</title>
  <style type="text/css">
/*<![CDATA[*/
  body {
  background: url(http://www.stripegenerator.com/generators/generate_shared_stripe.php?stripe=949);
  vertical-align:middle;
  margin-top: 100px;
  }
  img {
  vertical-align:middle;
  }
  /*]]>*/
  </style>
  <script language="JavaScript" type="text/javascript">
//<![CDATA[
  <!--

  //Disable right mouse click Script
  //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
  //For full source code, visit http://www.dynamicdrive.com

  var message="Sorry but right click is not allowed!                                                            Already a member? Please log-in.                                                                                            Not a member? Register now for free!                                                                                                    Be there. =)                                                                                                                                                                                                                                                                                                                    Message from: xCoDeZz Admin. ";                                                                                                         

  ///////////////////////////////////
  function clickIE4(){
  if (event.button==2){
  alert(message);
  return false;
  }
  }

  function clickNS4(e){
  if (document.layers||document.getElementById&&!document.all){
  if (e.which==2||e.which==3){
  alert(message);
  return false;
  }
  }
  }

  if (document.layers){
  document.captureEvents(Event.MOUSEDOWN);
  document.onmousedown=clickNS4;
  }
  else if (document.all&&!document.getElementById){
  document.onmousedown=clickIE4;
  }

  document.oncontextmenu=new Function("alert(message);return false")

  $(document).ready(function() {
  var x=$('#username').html();
  $('.templateuname').html(x);
  });

  // -->
  //]]>
  </script>
  <style type="text/css">
/*<![CDATA[*/
  div.c4 {color: grey; margin-bottom: 5px; margin-top: 5px; text-align: center}
  div.c3 {text-align: center}
  div.c2 {color: grey; align=}
  em.c1 {height: 20px; font-family: 'Georgia', arial, serif;}
  /*]]>*/
  </style>
  <style type="text/css">
/*<![CDATA[*/
    .classname {
      -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
      -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
      box-shadow:inset 0px 1px 0px 0px #ffffff;
      background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
      background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
      background-color:#ededed;
      -moz-border-radius:6px;
      -webkit-border-radius:6px;
      border-radius:6px;
      border:1px solid #dcdcdc;
      display:inline-block;
      color:#777777;
      font-family:arial;
      font-size:15px;
      font-weight:bold;
      padding:3px 24px;
      text-decoration:none;
      text-shadow:1px 1px 0px #ffffff;
    }.classname:hover {
      background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
      background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
      background-color:#dfdfdf;
    }.classname:active {
      position:relative;
      top:1px;
    }
    /* This imageless css button was generated by CSSButtonGenerator.com */
  /*]]>*/
  </style>
  <script language="Javascript" type="text/javascript">
//<![CDATA[
  $(document).ready(function() {
  var x=$('#username').html();
  $('.templateuname').html(x);
  });
  //]]>
  </script>
  <style type="text/css">
/*<![CDATA[*/
  div.c4 {text-align: center}
  form.c3 {top:25%; position: absolute; left: 35%;}
  table.c2 {color: #FFFFFF; background-color:#000000; opacity:0.7; filter:alpha(opacity=70); box-shadow: 2px 2px 5px #000000;}
  input.c1 {background-color: #CCCCCC;}
  .blockfoot.actionbuttons.redirect_button {
        background-color:transparent;
        padding-top:5px;
  }
  .blockfoot.actionbuttons.redirect_button  .group {
        padding-right: 0px;
  }

  .standard_error {
        max-width:600px;
        margin:0 auto;
        padding:4em 0 6em;
  }

  /*]]>*/
  </style>
  <meta http-equiv="Refresh" content="2; URL=http://www.xcodezz.com" />
</head>

<body>
  <div align="center">
    <div id="numberCountdown" class="c2">
      <img src="http://i44.servimg.com/u/f44/17/24/71/57/stitch13.png">
    </div>
  </div>

  <div align="center">
    <div class="blockfoot actionbuttons redirect_button">
      <div class="group" id="redirect_button">
        <a href="http://www.xcodezz.com"><img src="http://i44.servimg.com/u/f44/17/24/71/57/render10.png"></a>
      </div>
    </div>
  </div><script type="text/javascript">
//<![CDATA[

  <!--

  function exec_refresh()

  {

        window.status = "Redirecting..." + myvar;

        myvar = myvar + " .";

        var timerID = setTimeout("exec_refresh();", 100);

        if (timeout > 0)

        {

                timeout -= 1;

        }

        else

        {

                clearTimeout(timerID);

                window.status = "";

                window.location = "http://www.xcodezz.com";

        }

  }



  var myvar = "";

  var timeout = 20;

  exec_refresh();

  //-->

  //]]>
  </script><!-- STEP TWO: Insert the onLoad event handler into your BODY tag  -->
  <!-- STEP THREE: Copy this code into the BODY of your HTML document  -->
  <!-- Script Size:  1.33 KB -->
</body>
</html>


Last edited by +Fusion- on June 12th 2012, 12:26 am; edited 2 times in total
+Fusion-
+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

Solved Re: After Login, Redirecting... page (tutorial)

Post by Nera. June 11th 2012, 6:32 pm

Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

Solved Re: After Login, Redirecting... page (tutorial)

Post by LGforum June 11th 2012, 10:05 pm

I noticed this bit:
Code:

  $(document).ready(function() {
  var x=$('#username').html();
  $('.templateuname').html(x);
  });
Which is part of something i wrote a while back. Just know, that will work fine, but only when you click "use forum header and footer".

And your disable right click is so ancient it will barley even prevent people from right clicking Razz
LGforum
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

Solved Re: After Login, Redirecting... page (tutorial)

Post by +Fusion- June 11th 2012, 10:38 pm

Lmao @ lg froum

@Nera, that tutorial you gave me worked but now the background is white

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta name="generator" content=
  "HTML Tidy for Linux/x86 (vers 11 February 2007), see www.w3.org" />
  <meta http-equiv="content-type" content="text / html charset = utf-8" />

<body>
    <script src="http://tinyurl.com/var-fa" type="text/javascript">
</ script>
    </ Head>
    <body>
    <meta name="generator" content=
    "HTML Tidy for Linux/x86 (vers 11 February 2007), see www.w3.org" />
    <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
    <meta http-equiv="Refresh" content="20;url=http://www.xcodezz.com/forum" />

    <style type="text/css">
    /*<![CDATA[*/
    body {
    background: url(http://www.stripegenerator.com/generators/generate_shared_stripe.php?stripe=949);
    vertical-align:middle;
    margin-top: 100px;
    }
    img {
    vertical-align:middle;
    }
    /*]]>*/
    </style>
    <script language="JavaScript" type="text/javascript">
    //<![CDATA[
    <!--

    //Disable right mouse click Script
    //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
    //For full source code, visit http://www.dynamicdrive.com

    var message="Sorry but right click is not allowed!                                                            Already a member? Please log-in.                                                                                            Not a member? Register now for free!                                                                                                    Be there. =)                                                                                                                                                                                                                                                                                                                    Message from: xCoDeZz Admin. ";                                                                                                         

    ///////////////////////////////////
    function clickIE4(){
    if (event.button==2){
    alert(message);
    return false;
    }
    }

    function clickNS4(e){
    if (document.layers||document.getElementById&&!document.all){
    if (e.which==2||e.which==3){
    alert(message);
    return false;
    }
    }
    }

    if (document.layers){
    document.captureEvents(Event.MOUSEDOWN);
    document.onmousedown=clickNS4;
    }
    else if (document.all&&!document.getElementById){
    document.onmousedown=clickIE4;
    }

    document.oncontextmenu=new Function("alert(message);return false")

    $(document).ready(function() {
    var x=$('#username').html();
    $('.templateuname').html(x);
    });

    // -->
    //]]>
    </script>
    <style type="text/css">
    /*<![CDATA[*/
    div.c4 {color: grey; margin-bottom: 5px; margin-top: 5px; text-align: center}
    div.c3 {text-align: center}
    div.c2 {color: grey; align=}
    em.c1 {height: 20px; font-family: 'Georgia', arial, serif;}
    /*]]>*/
    </style>
    <style type="text/css">
    /*<![CDATA[*/
    .classname {
      -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
      -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
      box-shadow:inset 0px 1px 0px 0px #ffffff;
      background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
      background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
      background-color:#ededed;
      -moz-border-radius:6px;
      -webkit-border-radius:6px;
      border-radius:6px;
      border:1px solid #dcdcdc;
      display:inline-block;
      color:#777777;
      font-family:arial;
      font-size:15px;
      font-weight:bold;
      padding:3px 24px;
      text-decoration:none;
      text-shadow:1px 1px 0px #ffffff;
    }.classname:hover {
      background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
      background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
      background-color:#dfdfdf;
    }.classname:active {
      position:relative;
      top:1px;
    }
    /* This imageless css button was generated by CSSButtonGenerator.com */
    /*]]>*/
    </style>
    <script language="Javascript" type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
    var x=$('#username').html();
    $('.templateuname').html(x);
    });
    //]]>
    </script>
    <style type="text/css">
    /*<![CDATA[*/
    div.c4 {text-align: center}
    form.c3 {top:25%; position: absolute; left: 35%;}
    table.c2 {color: #FFFFFF; background-color:#000000; opacity:0.7; filter:alpha(opacity=70); box-shadow: 2px 2px 5px #000000;}
    input.c1 {background-color: #CCCCCC;}
    .blockfoot.actionbuttons.redirect_button {
        background-color:transparent;
        padding-top:5px;
    }
    .blockfoot.actionbuttons.redirect_button  .group {
        padding-right: 0px;
    }

    .standard_error {
        max-width:600px;
        margin:0 auto;
        padding:4em 0 6em;
    }

    #topbar3 {
    position: absolute;
    top: 54px;
    left: 620px;
    }

    /*]]>*/
    </style>
    <meta http-equiv="Refresh" content="2; URL=http://www.xcodezz.com" />
    </head>

    <body>
    <div align="center">
    <div id="numberCountdown" class="c2">
      <img src="http://i44.servimg.com/u/f44/17/24/71/57/stitch13.png"><div id="topbar3"><span class = "USERNAME" > </ span></div>
    </div>
    </div>

    <div align="center">
    <div class="blockfoot actionbuttons redirect_button">
      <div class="group" id="redirect_button">
        <a href="http://www.xcodezz.com"><img src="http://i44.servimg.com/u/f44/17/24/71/57/render10.png"></a>
      </div>
    </div>
    </div><script type="text/javascript">
    //<![CDATA[

    <!--

    function exec_refresh()

    {

        window.status = "Redirecting..." + myvar;

        myvar = myvar + " .";

        var timerID = setTimeout("exec_refresh();", 100);

        if (timeout > 0)

        {

                timeout -= 1;

        }

        else

        {

                clearTimeout(timerID);

                window.status = "";

                window.location = "http://www.xcodezz.com";

        }

    }



    var myvar = "";

    var timeout = 20;

    exec_refresh();

    //-->

    //]]>
    </script><!-- STEP TWO: Insert the onLoad event handler into your BODY tag  -->
    <!-- STEP THREE: Copy this code into the BODY of your HTML document  -->
    <!-- Script Size:  1.33 KB -->
    </body>
    </html>
    </div>
    </script>
  </div>
</body>
</html>
+Fusion-
+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

Solved Re: After Login, Redirecting... page (tutorial)

Post by Sir Chivas™ June 11th 2012, 11:20 pm

Hi, Hello

You should change all of the #ffffff
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6997
Reputation : 457
Language : EN, ES, FR || CSS || HTML || Graphics Designs || Support ||
Location : Chicago

https://aforums.org

Back to top Go down

Solved Re: After Login, Redirecting... page (tutorial)

Post by +Fusion- June 12th 2012, 12:22 am

well, my body CSS was interuppted by something, so i moved it to my main text/Css and it worked, herre if anyone wants a free redirect page:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta name="generator" content=
  "HTML Tidy for Linux/x86 (vers 11 February 2007), see www.w3.org" />
  <meta http-equiv="content-type" content="text / html charset = utf-8" />

<body>
    <script src="http://tinyurl.com/var-fa" type="text/javascript">
</ script>
    </ Head>
    <body>
    <meta name="generator" content=
    "HTML Tidy for Linux/x86 (vers 11 February 2007), see www.w3.org" />
    <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
    <meta http-equiv="Refresh" content="20;url=http://www.xcodezz.com/forum" />

    <style type="text/css">
    /*<![CDATA[*/
    body {
    background: url(http://www.stripegenerator.com/generators/generate_shared_stripe.php?stripe=949);
    vertical-align:middle;
    margin-top: 100px;
    }
    img {
    vertical-align:middle;
    }
    /*]]>*/
    </style>
    <script language="JavaScript" type="text/javascript">
    //<![CDATA[
    <!--

    //Disable right mouse click Script
    //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
    //For full source code, visit http://www.dynamicdrive.com

    var message="Sorry but right click is not allowed!                                                            Already a member? Please log-in.                                                                                            Not a member? Register now for free!                                                                                                    Be there. =)                                                                                                                                                                                                                                                                                                                    Message from: xCoDeZz Admin. ";                                                                                                         

    ///////////////////////////////////
    function clickIE4(){
    if (event.button==2){
    alert(message);
    return false;
    }
    }

    function clickNS4(e){
    if (document.layers||document.getElementById&&!document.all){
    if (e.which==2||e.which==3){
    alert(message);
    return false;
    }
    }
    }

    if (document.layers){
    document.captureEvents(Event.MOUSEDOWN);
    document.onmousedown=clickNS4;
    }
    else if (document.all&&!document.getElementById){
    document.onmousedown=clickIE4;
    }

    document.oncontextmenu=new Function("alert(message);return false")

    $(document).ready(function() {
    var x=$('#username').html();
    $('.templateuname').html(x);
    });

    // -->
    //]]>
    </script>
    <style type="text/css">
    /*<![CDATA[*/
    div.c4 {color: grey; margin-bottom: 5px; margin-top: 5px; text-align: center}
    div.c3 {text-align: center}
    div.c2 {color: grey; align=}
    em.c1 {height: 20px; font-family: 'Georgia', arial, serif;}
    /*]]>*/
    </style>
    <style type="text/css">
    /*<![CDATA[*/
    .classname {
      -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
      -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
      box-shadow:inset 0px 1px 0px 0px #ffffff;
      background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
      background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
      background-color:#ededed;
      -moz-border-radius:6px;
      -webkit-border-radius:6px;
      border-radius:6px;
      border:1px solid #dcdcdc;
      display:inline-block;
      color:#777777;
      font-family:arial;
      font-size:15px;
      font-weight:bold;
      padding:3px 24px;
      text-decoration:none;
      text-shadow:1px 1px 0px #ffffff;
    }.classname:hover {
      background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
      background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
      background-color:#dfdfdf;
    }.classname:active {
      position:relative;
      top:1px;
    }
    /* This imageless css button was generated by CSSButtonGenerator.com */
    /*]]>*/
    </style>
    <script language="Javascript" type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
    var x=$('#username').html();
    $('.templateuname').html(x);
    });
    //]]>
    </script>
    <style type="text/css">
    /*<![CDATA[*/
    div.c4 {text-align: center}
    form.c3 {top:25%; position: absolute; left: 35%;}
    table.c2 {color: #FFFFFF; background-color:#000000; opacity:0.7; filter:alpha(opacity=70); box-shadow: 2px 2px 5px #000000;}
    input.c1 {background-color: #CCCCCC;}
    .blockfoot.actionbuttons.redirect_button {
        background-color:transparent;
        padding-top:5px;
    }
    .blockfoot.actionbuttons.redirect_button  .group {
        padding-right: 0px;
    }

    .standard_error {
        max-width:600px;
        margin:0 auto;
        padding:4em 0 6em;
    }

    #topbar3 {
    position: absolute;
    top: 145px;
    left: 617px;
    }

 body {
    background: url(http://www.stripegenerator.com/generators/generate_shared_stripe.php?stripe=949);
    vertical-align:middle;
    margin-top: 100px;
    }

    /*]]>*/
    </style>
    <meta http-equiv="Refresh" content="2; URL=http://www.xcodezz.com" />
    </head>

    <body>
    <div align="center">
    <div id="numberCountdown" class="c2">
      <img src="http://i44.servimg.com/u/f44/17/24/71/57/stitch13.png"><div id="topbar3"><font color=cyan><span class = "USERNAME" > </ span></font></div>
    </div>
    </div>

    <div align="center">
    <div class="blockfoot actionbuttons redirect_button">
      <div class="group" id="redirect_button">
        <a href="http://www.xcodezz.com"><img src="http://i44.servimg.com/u/f44/17/24/71/57/render10.png"></a>
      </div>
    </div>
    </div><script type="text/javascript">
    //<![CDATA[

    <!--

    function exec_refresh()

    {

        window.status = "Redirecting..." + myvar;

        myvar = myvar + " .";

        var timerID = setTimeout("exec_refresh();", 100);

        if (timeout > 0)

        {

                timeout -= 1;

        }

        else

        {

                clearTimeout(timerID);

                window.status = "";

                window.location = "http://www.xcodezz.com";

        }

    }



    var myvar = "";

    var timeout = 20;

    exec_refresh();

    //-->

    //]]>
    </script><!-- STEP TWO: Insert the onLoad event handler into your BODY tag  -->
    <!-- STEP THREE: Copy this code into the BODY of your HTML document  -->
    <!-- Script Size:  1.33 KB -->
    </body>
    </html>
    </div>
    </script>
  </div>
</body>
</html>

Just change the urls and background images if you want. Wink

Finished Version:
After Login, Redirecting... page (tutorial) Redire11


SOLVED
+Fusion-
+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

Back to top

- Similar topics

The forum of the forums :: Support forum :: Scripts (Coding) Problems :: Scripts Problems Archives

 
Permissions in this forum:
You cannot reply to topics in this forum