Login IPB em meu fórum

Minha questão:

Olá.
Seria possível colocar essa janela de login em meu fórum?

imagem: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

---

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

Versão:
PunBB

Olá!

No seu fórum sim, mas não neste: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Se continuares insistindo em postar fóruns de testes, terá sua conta e IP banidos, se criar uma nova conta, encaminho seu IP a justiça, não importando seu país e bloqueio todo e qualquer IP designado a você por sua operadora!

JS

Olá.

Novamente solicito que coloque o endereço real do seu fórum neste postagem, caso contrário, será novamente descartada e o senhor terá sua barra de respeito novamente diminuida.

Até mais.

!bump pronto, link colocado

Olá!

Ficamos gratos pela compreensão.

Aqui está o código solicitado, ele deve ser posto no fim do seu template Overall_Header:

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: 152px; left: 283.5px; 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>Iniciar Sessão</h3>
                
                    <div class="ipbfs_login_row">
                        <div class="ipbfs_login_col">
                          <span class="right desc lighter blend_links"><a href="/register" title="Registrar-se agora">Registar-se agora!</a></span>
                            <strong><label for="ips_username"></label></strong>
                            <div class="ipsField_content">
                                <input type="text" tabindex="1" size="30" placeholder="Nome de Usuáro" 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 href="/profile?mode=sendpassword" title="redordar contraseña">Esqueci minha senha!</a></span>
                            <strong><label for="ips_password"></label></strong>
                            <div class="ipsField_content">
                                <input type="password" tabindex="2" size="30" placeholder="Senha" 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-me</strong>
                                    <span style="display: block; padding-top: 5px;" class="desc lighter">Não é recomendado em computadores compartilhados.</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>Iniciar sessão de forma anônima</strong>
                                    <span style="display: block; padding-top: 5px;" class="desc lighter">Não será visível na lista de usuários ativos.</span>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="ipsForm_submit ipsForm_center clear" style="height: 29px;">
                        <input type="submit" name="login" value="Iniciar Sessão" 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() {
          $('#user_navigation #sign_in').attr('href', '#').attr('onclick', "show_popup('sign_in_popup_popup');");
          /*
          $('#user_navigation #sign_in').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 {
       box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5) !important;
       background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6);
       padding: 8px !important;
       border-radius: 5px !important;
   }
        .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: 0 -1px 0 rgba(255, 255, 255, 0.8);
            background:#eee url("http://i56.servimg.com/u/f56/17/97/98/69/highli12.png") repeat-x 0 0 ;
            padding: 8px 10px 9px;                  
        }  
        .border, .statistics, .post_block, .ipsComment, .popupInner, .no_messages, .poll_question ol, .ipsBox_container, .ipsFloatingAction, .column_view .post_body {
            background: none repeat scroll 0 0 #fff;
        }
        .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;
        }
        #recentajaxcontent li, #idm_categories a, #index_stats .status_list li, #panel_files .file_listing li, #panel_screenshots #ss_linked li, .file_listing, #cart_totals td, div#member_filters li, #files li, .ipsType_sectiontitle, #order_review td, #package_details .package_info, .block_list li, .package_view_top, .member_entry, #help_topics li, .ipsBox_container .ipsType_pagetitle, .userpopup dl, #announcements td, .preview_info, .sideVerticalList li, fieldset.with_subhead ul, .ipsList_data li, .ipsList_withminiphoto li, .ipsList_withmediumphoto li, table.ipb_table td, .store_categories li, #mini_cart li, #index_stats div[id*="statusReply"], #ipg_category .ipg_category_row, .gallery_pane h2, .status_feedback li[id*="statusReply"], .ipsSideMenu ul li, .ipbfs_login_row, .ipbfs_login .clearfix, .articles .block-1, .articles .type-1x2x2 .article_row, #idm_category .idm_category_row, #category_list li a, .ipsComment {
            border-bottom: 1px solid #E3E3E3;
            border-top: 1px solid #fff;
        }
        .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 60% !important;
            background-repeat: no-repeat !important;
        }
        .ipbfs_login_input {
            font-size: 14px !important;
            margin-top: 10px;
            padding: 6px 0 6px 28px !important;
            width: 284px;
        }
        .input_text, .ipsTagBox_wrapper, textarea {
            background: none repeat scroll 0 0 #FCFCFC;
            border: 1px solid #D4D4D4;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
            color: #000;
            padding: 6px;
            text-shadow: #FFF 0px 1px 0px;
        }
        input, select, textarea {
            font: 12px tahoma,helvetica,arial,sans-serif;
        }
        .ipbfs_lpassword {
            background-image: url("http://i78.servimg.com/u/f78/18/17/62/92/key10.png");
            background-position: 7px 60% !important;
            background-repeat: no-repeat !important;
        }
        .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: #e4e4e4 url('http://i56.servimg.com/u/f56/17/97/98/69/highli12.png') repeat-x 0 0;
            border-top: 1px solid #d8d8d8;
        }
        .popupClose {
            position: absolute;
            right: 20px;
            top: 20px;
        }
        .clickable {
            cursor: pointer;
        }
        .input_submit, .ipsButton_secondary {
            outline: medium none;
        }
        .input_submit {
    background: #3c3c3c ;
    border-color: #333;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.13) inset;
    color: #FFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
    border-radius: 3px;
}
      .input_submit {
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    padding: 5px 12px;
    cursor: pointer;
}
        .pun h2, .pun h3, .pun input, .pun select, .pun th {
            font-family: helvetica,arial,sans-serif !important;
            font-size: 14px;
            font-style: normal;
            font-variant: normal;
            font-weight: 300;
        }
        body {
            color: #5a5a5a !important;
            font: 11px tahoma,helvetica,arial,sans-serif !important;
        }
        -->
    </style>
<!-- #endregion sign_in_popup -->

Até!

Edit: Eu funcionou perfeitamente, apenas tem que aprender a acomodar o código no template.

PD: O código não vai no fim.

Claro que é posto no fim, ao menos funciona perfeitamente neste ponto.

---

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]