Family fun
Family fun
Welcome to Family Fun
Hãy đăng ký và Đăng nhập để tham gia diễn đàn
Diễn đàn hiển thị tốt nhất trên
và
với độ phân giải 1024x768 trở lên.
Đăng nhập
Tài khoản:
Mật khẩu:
Remember me
Đăng ký nhanh !
Tên truy cập : *
Email:
Mật khẩu : *
Chào bạn!
|
Đăng nhập | Đăng ký
Close | Đóng lại
Family fun
chúng ta là một gia đình, Hãy chia sẽ những miền vui, buồn phiền...của bạn
Trang Chính
Latest images
Đăng ký
Đăng Nhập
::Family Fun ::
Family Fun
Top posters
Admin
+_Gin Đê Tiện_+
Nekomimi
Toki D Kun
Will of the Abyss
Gazeru
chino_hiroshi
Kwon Sano
love_ren
ღ Haruka Tenoh ღ
Bài viết mới
Thống kê
*cúi đầu* mem mới đến, rất vui đc làm quen ~
Đăng ký chủng tộc - Đợt 2
Mem mời, xin làm quen ^^
Đăng ký hội "FanClub"
Nhà Spam chính thức - học hè tất tần tật
Đăng ký thẻ Family
[Code] Bảng đăng nhập , đăng ký đóng mở
Thủy thủ Mặt Trăng tròn 20 tuổi
[Thông báo] Cộng lương cho các staff
[Thông báo] Nâng cấp và sửa chữa forum
[Game] Vì tôi là....
Thái độ của 12 cung hoàng đạo khi bị người ta ghét bỏ
Khi 12 cung hoàng đạo bị mất đồ
Kể từ tháng 10 trở đi sẽ ko còn manga-anime
Nơi thử nghiêm forum. Dành cho các admin, smod và mod thui nhá
Lộ tẩy tính cách của 12 cung hoàng đạo qua "party Nghĩa Địa"
Design banner cho forum - đợt 2
Thế giới thần tượng Peledis
ACTION teaser của nuest
Lộ diện 6 cung hoàng đạo thích sạch sẽ nhất
Bài viết trong ngày
Các bài viết trong tháng
Thống kê tổng thể
Topic sôi nổi nhất
Topic xem nhiều nhất
Thành viên có nhiều chủ đề nhất
Thành viên post bài nhiều nhất trong một tuần
Thành viên post bài nhiều nhất trong tháng
Top poster
Số topic trong tháng
[Code] Bảng đăng nhập , đăng ký đóng mở
Tác giả
Admin
Hiện:
RuHa's rank
Chủng tộc
:
Cầu vòng
Giới tính
:
posts
:
630
Join date
:
31/03/2012
Age
:
24
Đến từ
:
nơi thuộc về tôi
Tiêu đề: [Code] Bảng đăng nhập , đăng ký đóng mở
Mon Jul 23, 2012 11:35 pm
#1
Demo:
Cách làm:
Vào Footer Begin thêm đoạn code sau vào cuối
Code:
[font=Courier New]<script type="text/javascript">
$(document).ready(function() {
$(".signin").click(function(e) {
e.preventDefault();
$("fieldset#signin_menu").toggle();
$(".signin").toggleClass("menu-open");
});
$("fieldset#signin_menu").mouseup(function() {
return false
});
$(document).mouseup(function(e) {
if($(e.target).parent("a.signin").length==0) {
$(".signin").removeClass("menu-open");
$("fieldset#signin_menu").hide();
}
});
});
</script>[/font]
Tiếp theo vào Header chèn bảng đăng nhập này vào chỗ nào mình muốn
Code:
[font=Courier New]<!-- BEGIN switch_user_logged_out -->
<div id="container12">
<div id="topnav" class="topnav"> Have an account? <a href="login" class="signin" style=""><span>Login</span></a>
<a href="/register" class="register" style=""><span>Register</span></a> </div>
<fieldset id="signin_menu" style="display: none; ">
<form action="/login?redirect=/" method="post" name="form_login" id="signin">
<label for="username">Tên Đăng Nhập</label>
<input class="field" id="log" type="text" size="10" name="username">
<label for="password">Mật Khẩu</label>
<input class="field" id="pwd" type="password" size="10" name="password">
<input id="signin_submit" class="bt_login" type="submit" name="login" value="Đăng nhập">
<label>
<input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever"> Nhớ tôi</label>
<p class="forgot"> <a href="profile?mode=sendpassword">Quên mật khẩu</a> </p>
<div class="clear"></div>
</form>
<script type="text/javascript">//<![CDATA[
$(function(){$('#signin').attr('action','/login?redirect='+this.location.pathname);});//]]></script>
</fieldset>
</div>
<!-- END switch_user_logged_out -->[/font]
Cuối cùng cho cái này vào Css :
Code:
[font=Courier New]/* SinhVienVT.Net Custom Login */
#container12 {
float:right;
margin:0 auto;
margin-top: -6px;
position: relative;
}
a img {
border-width:0;
}
#topnav {
padding:10px 0px 12px;
font-size:11px;
line-height:23px;
text-align:right;
}
#topnav a.signin {
background: #0D3156;
padding: 4px 6px 6px;
text-decoration: none;
font-weight: bold;
color: white;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#topnav a.signin:hover {
background: #15579B;
}
#topnav a.signin, #topnav a.signin:hover {
}
a.signin {
position:relative;
margin-left:3px;
}
a.signin span {
background-image: url("http://4r.ninja9x.net/login/images/toggle_down_light.png");
background-repeat: no-repeat;
background-position: 100% 50%;
padding: 4px 16px 6px 0;
}
#topnav a.register {
background: #0D3156;
padding: 4px 6px 6px;
text-decoration: none;
font-weight: bold;
color: white;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#topnav a.register:hover {
background: #15579B;
}
#topnav a.register, #topnav a.register:hover {
}
a.register {
position:relative;
margin-left:0px;
}
a.register span {
background-image:url("http://4r.ninja9x.net/login/images/register_light.png");
background-repeat:no-repeat;
background-position:100% 50%;
padding:4px 16px 6px 0;
}
#topnav a.menu-open {
background:#0d3156!important;
color:#fff!important;
outline:none;
}
#small_signup {
display:inline;
float:none;
line-height:23px;
margin:25px 0 0;
width:170px;
}
a.signin.menu-open span {
background-image:url("http://4r.ninja9x.net/login/images/toggle_up_light.png");
color:#fff;
}
#signin_menu {
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
display:none;
/* background-color:#0d3156; */
background:url(http://4r.ninja9x.net/login/images/login_back.png) #0d3156 repeat-x;
position:absolute;
width:210px;
z-index:100;
border:1px transparent;
text-align:left;
padding:12px;
top: 24.5px;
right: 0px;
margin-top:5px;
margin-right: 0px;
*margin-right: -1px;
color:#fff;
font-size:11px;
}
#signin_menu input[type=text], #signin_menu input[type=password] {
display:block;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:1px solid #0d3156;
background:url(http://4r.ninja9x.net/login/images/field_back.png) repeat-x;
font-size:13px;
margin:0 0 5px;
padding:5px;
width:203px;
}
#signin_menu p {
margin:0;
}
#signin_menu a {
color:#fff;
}
#signin_menu label {
font-weight:normal;
}
#signin_menu p.remember {
padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
clear:both;
margin:5px 0;
}
#signin_menu p a {
color:#fff!important;
}
#signin_menu p a:hover {
text-decoration:underline;
}
#signin_submit {
-moz-border-radius:4px;
-webkit-border-radius:4px;
background-color:#0d3156;
border:1px solid #fff;
color:#fff;
text-shadow:0 -1px 0 #39d;
padding:4px 10px 5px;
font-size:11px;
margin:0 5px 0 0;
font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
background-position:0 -5px;
cursor:pointer;
}[/font]
Hoàn thành òi ó
Nguồn:
http://sweetdream.foruml.biz/
Chữ ký của
Admin
Tài sản của
Admin
Tài sản
Tài sản
:
Huy hiệu-Huy chương
:
Sherry Sakura
Hiện:
Mod
Chủng tộc
:
Mặt trăng
Giới tính
:
posts
:
36
Join date
:
30/05/2012
Age
:
24
Đến từ
:
Clow
Tiêu đề: Re: [Code] Bảng đăng nhập , đăng ký đóng mở
Fri Oct 19, 2012 9:43 pm
#2
tks Ru Ha nhé^^~
Chữ ký của
Sherry Sakura
Tài sản của
Sherry Sakura
Tài sản
Tài sản
:
Huy hiệu-Huy chương
:
[Code] Bảng đăng nhập , đăng ký đóng mở
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
Family fun
::
Phòng tài năng/ thiết kế
::
Share
::
Code
Family fun
::
Phòng tài năng/ thiết kế
::
Share
::
Code