[Tutorial] Login Popup IPBoard V2.0

**Port Admin** · **Port Admin** Τρι Σεπ 12, 2017 12:22 pm

1º - Edit template
At end of overall_header post the following code:

Κώδικας::  <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>Login</h3>  <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>  <div class="ipbfs_login_row"> <div class="ipbfs_login_col"> <span class="right desc lighter blend_links"> <a title="Registre-se agora!" href="/register">Register now!</a> </span> <div class="ipsField_content"> <input type="text" tabindex="1" size="30" placeholder="Your Username" 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">Forgot Password ?</a></span> <div class="ipsField_content"> <input type="password" tabindex="2" size="30" placeholder="Your Password" 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>Remember me</strong> <span style="display: block; padding-top: 5px;" class="desc lighter">This is not recommended for shared computers</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>Sign In Anonymously</strong> <span style="display: block; padding-top: 5px;" class="desc lighter"> Don't add me to the active users list </span> </label> </div> </div> </div> <div class="ipsForm_submit ipsForm_center clear" style="height: 29px;"> <input type="submit" name="login" value="Sign In" 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; } .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; background: white; } .ipbfs_login_col { background: white; float: left; padding: 15px 10px; width: 320px; } .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://i57.servimg.com/u/f57/17/68/86/50/user1010.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://i57.servimg.com/u/f57/17/68/86/50/key1010.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://i57.servimg.com/u/f57/17/68/86/50/highli13.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; } .popupInner h3 { background: url("http://i78.servimg.com/u/f78/17/31/71/58/user_n10.png") repeat-x scroll center top rgb(44, 86, 135); border-color: rgb(49, 104, 151); border-style: solid; border-width: 1px 1px 0px; box-shadow: 0px 1px 0px rgb(82, 140, 188) inset; color: rgb(255, 255, 255); font-size: 16px; font-weight: 300; padding: 8px 10px 9px; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); }</style>

masterslyyy · masterslyyy Κυρ Απρ 22, 2018 1:28 pm

thanks

[Tutorial] Login Popup IPBoard V2.0

[Tutorial] Login Popup IPBoard V2.0

Απ: [Tutorial] Login Popup IPBoard V2.0

Δημιουργήστε έναν λογαριασμό ή συνδεθείτε για να απαντήσετε

Δημιουργία Λογαριασμού

Σύνδεση