Problema com o código (Login Versão Branca)

Qual é minha questão:
Tipo, eu segui os passos certinhos [url=DESTE TUTORIAL][Tens de ter uma conta e sessão iniciada para poderes visualizar este link] mas quando publico no overall_header, o sistema de login simplesmente não funciona. ---' Como se não tivesse efeito nenhum. Alguém poderia me ajudar? Ele é da versão PUNBB também.

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Localizei o problema, troque o código por este:

Código:


<!-- #region sign_in_popup -->
<div id="document_modal" class="modal" style="display:none; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 10000; opacity: 0.4; background-color: #3E3E3E;"></div>
<div id="sign_in_popup_popup" style="display:none; z-index: 10001; top: 25%; left: 24%; position: fixed;" class="popupWrapper">
    <div id="sign_in_popup_inner" class="popupInner" style="width: 600px; max-height: 641px;">
        <div style="" class="ipbfs_login" id="inline_login_form">
            <form id="login" method="post" action="/login.forum">
            <h3>Entrar</h3>
            <!-- BEGIN switch_fb_connect -->
            <div class="ipsBox_notice">
              <ul class="ipsList_inline">
                  <li>
                    <a class="ipsButton_secondary" href="/facebook_connect.forum" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">
                        <img alt="Facebook" src="http://i69.servimg.com/u/f69/16/62/61/50/facebo10.png">  Use Facebook
                    </a>
                  </li>
              </ul>
            </div>
            <!-- END switch_fb_connect -->
                <div class="ipbfs_login_row">
                    <div class="ipbfs_login_col">
                        <span class="right desc lighter blend_links">
                            <a title="Registre-se agora!" href="/register">Registre-se agora!</a>
                        </span>     
                        <div class="ipsField_content">
                            <input type="text" tabindex="1" size="30" placeholder="Nome de usuário" name="username" class="input_text ipbfs_login_input ipbfs_luser" id="ips_username">
                        </div>
                    </div>
                    <div class="ipbfs_login_col">
                        <span class="right desc lighter blend_links"><a title="Retrieve password" href="/profile?mode=sendpassword">Esqueci minha senha</a></span>
                        <div class="ipsField_content">
                            <input type="password" tabindex="2" size="30" placeholder="Senha de usuário" name="password" class="input_text ipbfs_login_input ipbfs_lpassword" id="ips_password"><br>
                        </div>
                    </div>
                </div>
                <div class="clearfix">
                    <div class="ipbfs_login_col">
                        <input type="checkbox" class="input_check left" value="1" name="autologin" checked="checked" id="autologin">
                        <div style="padding-left: 20px;">
                            <label for="autologin">
                                <strong>Lembrar dados</strong>
                                <span style="display: block; padding-top: 5px;" class="desc lighter">Não recomendado para computadores públicos</span>
                            </label>
                        </div>
                    </div>
                    <div class="ipbfs_login_col">
                        <input type="checkbox" class="input_check left" value="1" name="anonymous" id="anonymous">
                        <div style="padding-left: 20px;">
                            <label for="anonymous">
                                <strong>Login anônimo</strong>
                                <span style="display: block; padding-top: 5px;" class="desc lighter">Não me adicione na lista de membros ativos</span>
                            </label>
                        </div>
                    </div>
                </div>
                <div class="ipsForm_submit ipsForm_center clear" style="height: 29px;">
                    <input type="submit" name="login" value="Entrar" class="input_submit">
                    <input name="redirect" type="hidden" value="" />                   
                </div>
            </form>
        </div>
    </div>
  <div id="sign_in_popup_close" class="popupClose clickable">
      <img alt="x" src="http://i78.servimg.com/u/f78/18/17/62/92/close_10.png" onclick="show_popup('sign_in_popup_popup');">
  </div>
</div>
<script type="text/javascript">
  //<![CDATA[
  $(document).ready(function() {
      $('#pun-navlinks li a[href="/login"]').attr('href', '/login').attr('onclick', "show_popup('sign_in_popup_popup');");
      /*
      $('#pun-navlinks li a[href="/login"]').click(function() {
        sign_in_popup();
      });
      */
  });
  function show_popup(id) {
      var $oObj = $('#'+id);
      if ($oObj.css('display') == 'none') {
        $oObj.add('#document_modal').fadeIn('slow');
        $("input:text:eq(0):visible").focus();
      } else {
        $oObj.add('#document_modal').fadeOut('slow');
      } 
  }
  //]]>
</script>
<style type="text/css">
  <!--
    .popupWrapper {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
        border-radius: 5px 5px 5px 5px;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
        padding: 8px;
    }
    .ipbfs_login .ipsForm_submit {
        margin-top: 0;
    }
    .ipbfs_login .ipsBox_notice {
    margin: 0;
    }
    .ipbfs_login .input_submit {
        font-size: 13px;
    }
    #sign_in_popup_inner {
        width: 680px !important;
    }
    .popupInner {
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
        overflow-x: hidden;
        overflow-y: auto;
        width: 500px;
    }
    .popupInner h3 {
        border-bottom: 1px solid #d8d8d8;
        text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;
        background: #eee url('http://www.ipbforumskins.com/skindemo/public/style_images/ortem/highlight.png') repeat-x 0 0;
        padding: 8px 10px 9px;
        font-size: 16px;
        font-weight: 300;
} 
    .ipsBox_notice {
        line-height: 1.6;
        margin-bottom: 10px;
        padding: 10px;
    }
    .ipsBox_notice, .ipsBox_highlight {
        background: none repeat scroll 0 0 #F4FCFF;
        border-bottom: 1px solid #CAE9F5;
    }
    .ipbfs_login_row {
        overflow: hidden;
    }
    .ipbfs_login_row, .gallery_pane h2, .ipsBox_container .ipsType_pagetitle, .ipsType_sectiontitle, #index_stats .status_list:first-of-type li:first-child, .ipsList_data li:first-of-type, .ipsList_withminiphoto li:first-of-type, .ipsList_withmediumphoto li:first-of-type, .category_block table tr:nth-of-type(2) td {
        border-top: 0 none;
    }
    .ipbfs_login_col {
        float: left;
        padding: 15px 10px;
        width: 314px;
    }
    .desc.lighter, .desc.lighter.blend_links a {
        color: #646464;
    }
    .desc, .desc.blend_links a, p.posted_info {
        color: #898989;
        font-size: 11px;
    }
    .right {
        float: right;
    }
    .ipbfs_login_col a:hover {
        text-decoration: underline;
    }
    .ipbfs_login_row label {
        font-size: 1.15em;
    }
    input:-moz-placeholder {
        color: #939393;
    }
    .ipbfs_luser {
        background-image: url("http://i78.servimg.com/u/f78/18/17/62/92/user10.png") !important;
        background-position: 7px 50% !important;
        background-repeat: no-repeat !important;
    }
    .ipbfs_login_input {
        font-size: 14px !important;
        margin-top: 10px;
        padding: 6px 0 6px 28px !important;
        width: 284px;
    }
   
    .ipbfs_lpassword {
        background-image: url("http://i78.servimg.com/u/f78/18/17/62/92/key10.png");
        background-position: 7px 50%;
        background-repeat: no-repeat;
    }
    .clearfix:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }
    .left {
        float: left;
    }
    img, .input_check, .input_radio {
        vertical-align: middle;
    }
    .ipsForm_center {
        text-align: center !important;
    }
    .ipsForm_submit {
        margin-top: 25px;
        padding: 5px 10px;
        text-align: right;
    }
    .clear {
        clear: both;
    }
    #vnc_filter_popup_close, body#ipboard_body fieldset.submit, body#ipboard_body p.submit, .ipsForm_submit {
        background: #f4f4f4;
        border-top: 1px solid #ddd;
    }
    .popupClose {
        position: absolute;
        right: 20px;
        top: 20px;
    }
    .clickable {
        cursor: pointer;
    }
    .input_submit, .ipsButton_secondary {
        outline: medium none;
    }
    .input_submit {
        background: url("http://i78.servimg.com/u/f78/18/17/62/92/highli11.png") repeat-x scroll 0 0 #646464;
        border-color: #3F3F3F;
        border-radius: 2px 2px 2px 2px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
        color: #FFFFFF;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
        border: 0 none;
        cursor: pointer;
        padding: 5px 11px;
        text-decoration: none;
    }
    .pun h2, .pun h3, .pun input, .pun select, .pun th {
        font-family: helvetica,arial,sans-serif !important;
        font-size: 1em;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
    }
    -->
</style>
<!-- #endregion sign_in_popup -->

Até mais!

Wow, quase que funfa dessa vez. Clico em LOGIN, e aparece a caixinha de login do seu código, mas automaticamente, o forum é redirecionado para o login padrão, nem me permitindo ler a caixa que abriu. É tipo uma "rápida visão". Humm, existe outro jeito de não redirecionar?
PS: Milagrosamente, consegui fazer a caixinha ficar FIXA(coisa que só funfa uma vez em 15), mas olha como ela fica: https://i.imgur.com/n59V2XN.png

Troque por este:

Código:


<!-- #region sign_in_popup -->
<div id="document_modal" class="modal" style="display:none; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 10000; opacity: 0.4; background-color: #3E3E3E;"></div>
<div id="sign_in_popup_popup" style="display:none; z-index: 10001; top: 25%; left: 24%; position: fixed;" class="popupWrapper">
    <div id="sign_in_popup_inner" class="popupInner" style="width: 600px; max-height: 641px;">
        <div style="" class="ipbfs_login" id="inline_login_form">
            <form id="login" method="post" action="/login.forum">
            <h3>Entrar</h3>
            <!-- BEGIN switch_fb_connect -->
            <div class="ipsBox_notice">
              <ul class="ipsList_inline">
                  <li>
                    <a class="ipsButton_secondary" href="/facebook_connect.forum" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">
                        <img alt="Facebook" src="http://i69.servimg.com/u/f69/16/62/61/50/facebo10.png">  Use Facebook
                    </a>
                  </li>
              </ul>
            </div>
            <!-- END switch_fb_connect -->
                <div class="ipbfs_login_row">
                    <div class="ipbfs_login_col">
                        <span class="right desc lighter blend_links">
                            <a title="Registre-se agora!" href="/register">Registre-se agora!</a>
                        </span>     
                        <div class="ipsField_content">
                            <input type="text" tabindex="1" size="30" placeholder="Nome de usuário" name="username" class="input_text ipbfs_login_input ipbfs_luser" id="ips_username">
                        </div>
                    </div>
                    <div class="ipbfs_login_col">
                        <span class="right desc lighter blend_links"><a title="Retrieve password" href="/profile?mode=sendpassword">Esqueci minha senha</a></span>
                        <div class="ipsField_content">
                            <input type="password" tabindex="2" size="30" placeholder="Senha de usuário" name="password" class="input_text ipbfs_login_input ipbfs_lpassword" id="ips_password"><br>
                        </div>
                    </div>
                </div>
                <div class="clearfix">
                    <div class="ipbfs_login_col">
                        <input type="checkbox" class="input_check left" value="1" name="autologin" checked="checked" id="autologin">
                        <div style="padding-left: 20px;">
                            <label for="autologin">
                                <strong>Lembrar dados</strong>
                                <span style="display: block; padding-top: 5px;" class="desc lighter">Não recomendado para computadores públicos</span>
                            </label>
                        </div>
                    </div>
                    <div class="ipbfs_login_col">
                        <input type="checkbox" class="input_check left" value="1" name="anonymous" id="anonymous">
                        <div style="padding-left: 20px;">
                            <label for="anonymous">
                                <strong>Login anônimo</strong>
                                <span style="display: block; padding-top: 5px;" class="desc lighter">Não me adicione na lista de membros ativos</span>
                            </label>
                        </div>
                    </div>
                </div>
                <div class="ipsForm_submit ipsForm_center clear" style="height: 29px;">
                    <input type="submit" name="login" value="Entrar" class="input_submit">
                    <input name="redirect" type="hidden" value="" />                   
                </div>
            </form>
        </div>
    </div>
  <div id="sign_in_popup_close" class="popupClose clickable">
      <img alt="x" src="http://i78.servimg.com/u/f78/18/17/62/92/close_10.png" onclick="show_popup('sign_in_popup_popup');">
  </div>
</div>
<script type="text/javascript">
  //<![CDATA[
  $(document).ready(function() {
      $('#pun-navlinks li a[href="/login"]').attr('href', '/login').attr('onclick', "show_popup('sign_in_popup_popup');");return false;
      /*
      $('#pun-navlinks li a[href="/login"]').click(function() {
        sign_in_popup();return false;
      });
      */
  });
  function show_popup(id) {
      var $oObj = $('#'+id);
      if ($oObj.css('display') == 'none') {
        $oObj.add('#document_modal').fadeIn('slow');
        $("input:text:eq(0):visible").focus();
      } else {
        $oObj.add('#document_modal').fadeOut('slow');
      } 
  }
  //]]>
</script>
<style type="text/css">
  <!--
    .popupWrapper {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
        border-radius: 5px 5px 5px 5px;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
        padding: 8px;
    }
    .ipbfs_login .ipsForm_submit {
        margin-top: 0;
    }
    .ipbfs_login .ipsBox_notice {
    margin: 0;
    }
    .ipbfs_login .input_submit {
        font-size: 13px;
    }
    #sign_in_popup_inner {
        width: 680px !important;
    }
    .popupInner {
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
        overflow-x: hidden;
        overflow-y: auto;
        width: 500px;
    }
    .popupInner h3 {
        border-bottom: 1px solid #d8d8d8;
        text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;
        background: #eee url('http://www.ipbforumskins.com/skindemo/public/style_images/ortem/highlight.png') repeat-x 0 0;
        padding: 8px 10px 9px;
        font-size: 16px;
        font-weight: 300;
} 
    .ipsBox_notice {
        line-height: 1.6;
        margin-bottom: 10px;
        padding: 10px;
    }
    .ipsBox_notice, .ipsBox_highlight {
        background: none repeat scroll 0 0 #F4FCFF;
        border-bottom: 1px solid #CAE9F5;
    }
    .ipbfs_login_row {
        overflow: hidden;
    }
    .ipbfs_login_row, .gallery_pane h2, .ipsBox_container .ipsType_pagetitle, .ipsType_sectiontitle, #index_stats .status_list:first-of-type li:first-child, .ipsList_data li:first-of-type, .ipsList_withminiphoto li:first-of-type, .ipsList_withmediumphoto li:first-of-type, .category_block table tr:nth-of-type(2) td {
        border-top: 0 none;
    }
    .ipbfs_login_col {
        float: left;
        padding: 15px 10px;
        width: 314px;
    }
    .desc.lighter, .desc.lighter.blend_links a {
        color: #646464;
    }
    .desc, .desc.blend_links a, p.posted_info {
        color: #898989;
        font-size: 11px;
    }
    .right {
        float: right;
    }
    .ipbfs_login_col a:hover {
        text-decoration: underline;
    }
    .ipbfs_login_row label {
        font-size: 1.15em;
    }
    input:-moz-placeholder {
        color: #939393;
    }
    .ipbfs_luser {
        background-image: url("http://i78.servimg.com/u/f78/18/17/62/92/user10.png") !important;
        background-position: 7px 50% !important;
        background-repeat: no-repeat !important;
    }
    .ipbfs_login_input {
        font-size: 14px !important;
        margin-top: 10px;
        padding: 6px 0 6px 28px !important;
        width: 284px;
    }
   
    .ipbfs_lpassword {
        background-image: url("http://i78.servimg.com/u/f78/18/17/62/92/key10.png");
        background-position: 7px 50%;
        background-repeat: no-repeat;
    }
    .clearfix:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }
    .left {
        float: left;
    }
    img, .input_check, .input_radio {
        vertical-align: middle;
    }
    .ipsForm_center {
        text-align: center !important;
    }
    .ipsForm_submit {
        margin-top: 25px;
        padding: 5px 10px;
        text-align: right;
    }
    .clear {
        clear: both;
    }
    #vnc_filter_popup_close, body#ipboard_body fieldset.submit, body#ipboard_body p.submit, .ipsForm_submit {
        background: #f4f4f4;
        border-top: 1px solid #ddd;
    }
    .popupClose {
        position: absolute;
        right: 20px;
        top: 20px;
    }
    .clickable {
        cursor: pointer;
    }
    .input_submit, .ipsButton_secondary {
        outline: medium none;
    }
    .input_submit {
        background: url("http://i78.servimg.com/u/f78/18/17/62/92/highli11.png") repeat-x scroll 0 0 #646464;
        border-color: #3F3F3F;
        border-radius: 2px 2px 2px 2px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
        color: #FFFFFF;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
        border: 0 none;
        cursor: pointer;
        padding: 5px 11px;
        text-decoration: none;
    }
    .pun h2, .pun h3, .pun input, .pun select, .pun th {
        font-family: helvetica,arial,sans-serif !important;
        font-size: 1em;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
    }
    -->
</style>
<!-- #endregion sign_in_popup -->

Até mais!

Hummmmm, deu na mesma. Ele aparece como um FLASH, e atualiza a página para o login antigo....