Area de login diferente

Qual é minha questão:
Olha eu aqui de novo eu queria coloca quando o Usuário clicasse em entrar aparecia essa imagem desse jeito



OBG

Endereço do meu fórum:
http://supporttibia.ativoforum.com

Versão do fórum:
PHPBB3

Olá!

Este código é mais para uma versão PunBB, portanto em seu fórum ficará feio :/
Use este código numa nova página Javascript, investida em todas as páginas:

Código:

jQuery(function () {
    var oTarget = $('a[href*="/login"]');
   
    oTarget.unbind();
    oTarget.off();
    oTarget.attr('href', '#').attr('onclick', "show_popup('sign_in_popup_popup');");
   
   
    var sHtml =
        '<div class="modal" id="document_modal" style="display: none;width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 10000; opacity: 0.4; background-color: rgb(62, 62, 62);"></div>' +
        '<div class="popupWrapper" id="sign_in_popup_popup" style="display: none;z-index: 10001; top: 25%; left: 24%; position: fixed;">' +
            '<div class="popupInner" id="sign_in_popup_inner" style="width: 600px; max-height: 641px;">' +
                '<div class="ipbfs_login" id="inline_login_form" style="">' +
                    '<form action="/login.forum" id="login" method="post" name="login">' +
                        '<h3>Entrar</h3>' +
                        '<div class="ipbfs_login_row">' +
                            '<div class="ipbfs_login_col">' +
                                '<span class="right desc lighter blend_links"><a href="/register" title="Registre-se agora!">Registre-se agora!</a></span><strong><label for="ips_username">Usuário</label></strong>' +
                                '<div class="ipsField_content">' +
                                    '<input class="input_text ipbfs_login_input ipbfs_luser" id="ips_username" name="username" placeholder="Nome de usuário" size="30" tabindex="1" type="text">' +
                                '</div>' +
                            '</div>' +
                            '<div class="ipbfs_login_col">' +
                                '<span class="right desc lighter blend_links"><a href="/profile?mode=sendpassword" title="Retrieve password">Esqueci minha senha</a></span><strong><label for="ips_password">Senha</label></strong>' +
                                '<div class="ipsField_content">' +
                                    '<input class="input_text ipbfs_login_input ipbfs_lpassword" id="ips_password" name="password" placeholder="Senha de usuário" size="30" tabindex="2" type="password"><br>' +
                                '</div>' +
                            '</div>' +
                        '</div>' +
                        '<div class="clearfix">' +
                            '<div class="ipbfs_login_col">' +
                                '<input checked="checked" class="input_check left" id="autologin" name="autologin" type="checkbox" value="1">' +
                                '<div style="padding-left: 20px;">' +
                                    '<label for="autologin"><strong>Lembrar dados</strong><span class="desc lighter" style="display: block; padding-top: 5px;">Não recomendado para computadores públicos</span></label>' +
                                '</div>' +
                            '</div>' +
                            '<div class="ipbfs_login_col">' +
                                '<input class="input_check left" id="anonymous" name="anonymous" type="checkbox" value="1">' +
                                '<div style="padding-left: 20px;">' +
                                    '<label for="anonymous"><strong>Login anônimo</strong><span class="desc lighter" style="display: block; padding-top: 5px;">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 class="input_submit" name="login" type="submit" value="Entrar"><input name="redirect" type="hidden" value="">' +
                        '</div>' +
                    '</form>' +
                '</div>' +
            '</div>' +
            '<div class="popupClose clickable" id="sign_in_popup_close"><img alt="x" onclick="show_popup(\'sign_in_popup_popup\');" src="http://i78.servimg.com/u/f78/18/17/62/92/close_10.png"></div>' +
        '</div>';

    var sCSS =
        '<style>' +
        '.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 {' +
            'background: url(http://i78.servimg.com/u/f78/18/17/62/92/highli10.png) repeat-x scroll 0 0 #282828;' +
            'border-bottom: 1px solid #2A2A2A;' +
            'font-size: 16px;' +
            'font-weight: 300;' +
            'padding: 8px 10px 9px;' +
            'text-shadow: 0 -1px 0 rgba(0,0,0,0.8);' +
            'border-width: 0 0 1px;' +
            'height: 21px;' +
            'margin-bottom: 0;' +
            'margin-top: -1px;' +
        '}' +
        '.border,.post_block,.ipsComment,.popupInner,.no_messages,.poll_question ol,.ipsBox_container,.ipsFloatingAction,.column_view .post_body {' +
            'background: none repeat scroll 0 0 #232323;' +
        '}' +
        '.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 #1F1F1F;' +
            'border-top: 1px solid #2C2C2C;' +
        '}' +
        '.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;' +
        '}' +
        '.input_text,.ipsTagBox_wrapper,textarea {' +
            'background: none repeat scroll 0 0 #393939;' +
            'border: 1px solid #575757;' +
            'box-shadow: 0 1px 4px rgba(0,0,0,0.2) inset;' +
            'color: #B7B7B7;' +
            'padding: 6px;' +
            'text-shadow: 0 -1px 0 rgba(0,0,0,0.3);' +
        '}' +
        '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 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: none repeat scroll 0 0 #282828;' +
            'border-top: 1px solid #373737;' +
        '}' +
        '.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: #FFF;' +
            '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;' +
        '}' +
        'body {' +
            'color: #BCBCBC !important;' +
            'font: 11px tahoma,helvetica,arial,sans-serif !important;' +
        '}' +
        '</style>';
    jQuery(sCSS).insertBefore('body');
    jQuery('body').append(sHtml);
});

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');
  }
}

Hancki

Amigo fico mesma coisa mudo em nada.

Aqui funcionou :/
Faça isso de novo, pode ser outros códigos em conflito.

Agora deu certo Vlw