The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

After Login, Redirecting... page (tutorial)

View previous topic View next topic Go down

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

Post by +Fusion- on 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:


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-
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. on June 11th 2012, 6:32 pm


Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

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

Post by LGforum on 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
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

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

Post by +Fusion- on 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-
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™ on June 11th 2012, 11:20 pm

Hi, Hello

You should change all of the #ffffff



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

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

Post by +Fusion- on 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:



SOLVED

+Fusion-
Forumember

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

http://www.xcodezz.com

Back to top Go down

View previous topic View next topic Back to top


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