Đăng nhập
Latest topics
» Tôi sẽ đỗ đại học!by vi01239984564 26/8/2024, 7:41 pm
» Kỷ niệm xưa của chúng ta
by nightWalker 9/2/2024, 6:49 pm
» Bị lệch khung cần người giúp đỡ
by webhuy28 7/10/2021, 10:34 pm
» [HỎI ĐÁP] Danh sách bạn bè không thể hiển thị
by anhdaodaica1 2/10/2021, 10:04 pm
» [HỎI ĐÁP] Thông tin tài khoản không thể lưu thay đổi
by anhdaodaica1 2/10/2021, 6:05 am
» Phim bố già full
by huy.pc52 24/8/2021, 12:20 am
» Xin code Box HTML cho Forumvi
by Larva 1/7/2021, 12:57 pm
» Hello Anh Em Chinh phục
by HoàngTửNaivip5p 28/5/2021, 5:03 am
» Trang chủ tin tức cập nhật HOT 2016
by kenbi05 1/1/2020, 11:02 pm
» Không Dang9 bài viết = hình ảnh được
by huy.pc52 30/11/2019, 10:52 am
» CHÚC ANH EM NĂM MỚI VUI VẺ TRÀNG ĐẦY HẠNH PHÚC
by sps.kủn 12/2/2019, 1:16 pm
» Skin CNTT-K3 2015 (Full Mod)[✔]
by kenbi05 6/7/2018, 12:30 am
» baivong, handsome,....
by sps.kủn 29/6/2018, 1:54 pm
» [SHARE] SKIN ĐHFM.V7 @PUNBB
by tonyhoaivu 2/5/2018, 2:37 pm
» Share Skin Xanh Dương Cùi Bắp
by tonyhoaivu 28/4/2018, 5:57 pm
» Xin Skin http://v1.hotrofm.net/
by tonyhoaivu 28/4/2018, 5:45 pm
» Xin Skin Rao Vặt
by tonyhoaivu 15/4/2018, 12:07 pm
» Làm Sao Để Xóa Khung Này
by tonyhoaivu 14/4/2018, 7:18 pm
» [Lập nhóm]Lập nhóm fm
by vietkanpy 31/3/2018, 11:53 am
» [Help] về server úp ảnh của phutu [✔]
by baivong 17/3/2018, 10:18 pm
» Đừng khóc cho “tôi – Chinh Phục!”…
by AnHung 27/2/2018, 5:33 pm
» [Share] Skin Diendandaihoc.com [ Punbb ] [✔]
by Lu Mờ 13/2/2018, 7:28 pm
» Mời mấy thím vào groups Forumotion Việt Nam.
by dang02315 13/2/2018, 12:40 am
» Có thể làm các kiểu giao diện được không?
by Lu Mờ 9/2/2018, 3:40 pm
» ltns chinhphuc.info
by Shinichi Kudo 27/1/2018, 2:27 am
Top posting users this week
No user |
Script: Login (Popup) (IPBoard 3.43) style[✔]
4 posters
Trang 1 trong tổng số 1 trang
Script: Login (Popup) (IPBoard 3.43) style[✔]
Demo :
http://gamethuvn.wow3.info/
1º - Edit template
At end of overall_header post the following code:
2º - CSS
Add the following code to css
http://gamethuvn.wow3.info/
1º - 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>Login</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">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>
<!-- #endregion sign_in_popup -->
2º - CSS
Add the following code to css
- Code:
.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://www.autoitbrasil.com/public/style_images/master/maintitle.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);
}
Tin nhắn từ điều hành viên: | ||
Yêu cầu bổ sung nguồn bài viết |
Re: Script: Login (Popup) (IPBoard 3.43) style[✔]
Chôm từ Punbb Design mà k nỡ để cái nguồn copy )))))
Re: Script: Login (Popup) (IPBoard 3.43) style[✔]
Thấy cũng giống lightbox ngoại trừ việc click ra ngoài nó không tắt
Thêm tí style vào là được
Thêm tí style vào là được
Similar topics
» giúp chèn ảnh vào Login popup
» Chia sẻ cái login popup
» cho em hỏi một chút về Login popup
» [Thắc mắc] Về cái Login Popup
» [Chia sẻ] Login Popup Chuyển Trang
» Chia sẻ cái login popup
» cho em hỏi một chút về Login popup
» [Thắc mắc] Về cái Login Popup
» [Chia sẻ] Login Popup Chuyển Trang
Trang 1 trong tổng số 1 trang
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|