Nimbuzzmasters forum
nwlve HI   GUEST nwlve
WELCOME TO NIMBUZZ MASTERS FORUM
PLEASE   REGISTER

TO
Dzs HAVE FULL ACCESS TO THE FORUM AND BE ABLE TO DOWNLOAD STUFF Dzs
Grp
STAY WITH US THANK YOU
Forum management ©️
Mzs

Tutorial: Login Popup IPBoard

View previous topic View next topic Go down

avatar
TOP-CODER
Management team
Management team
Join date : 2012-11-07
Posts : 401
Thanks gained - : 2896
Gender : Male
Age : 29
Location Location : india
View user profile http://www.hackersw0rld.tk

PostTOP-CODER on Wed Mar 08, 2017 4:47 pm

 - Edit template
At end of overall_header post the following code

Code:
<!-- #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>
                        <strong><label for="ips_username">Usuário</label></strong>
                        <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>
                        <strong><label for="ips_password">Senha</label></strong>
                        <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() {
      $('#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 {
        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: #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;
    }
    body {
        color: #BCBCBC !important;
        font: 11px tahoma,helvetica,arial,sans-serif !important;
    }
    -->
</style>
<!-- #endregion sign_in_popup -->

avatar
кĨηg==~
Member
Member
Join date : 2012-12-09
Posts : 137
Thanks gained - : 1351
View user profile

PostкĨηg==~ on Wed Mar 08, 2017 10:57 pm

Nice bro03.08.2017:Mzs:ang:Cho:8

avatar
Unknown¿Coder
VIP
VIP
Join date : 2012-12-30
Posts : 17
Thanks gained - : 29
Gender : Male
Age : 28
Location Location : England
View user profile

PostUnknown¿Coder on Sun Mar 12, 2017 6:52 pm






great brother top-coder

Sponsored content

PostSponsored content

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

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