Bài gửi
Tiền
ThanksTrilogy
![[code]Code bảng đăng nhập của CDOV Empty](https://2img.net/i/empty.gif)
[code]Code bảng đăng nhập của CDOV
on 14/04/2014Trilogy
loading...
Thấy hay nên lấy về xài ![[code]Code bảng đăng nhập của CDOV 578864](https://2img.net/u/2615/25/32/47/smiles/578864.gif)
Demo Online: http://www.devgame.ga/ hoặc congdongotakuviet.com/forum
Demo ảnh:![[code]Code bảng đăng nhập của CDOV 2djyv10](https://2img.net/h/oi61.tinypic.com/2djyv10.jpg)
![[code]Code bảng đăng nhập của CDOV 2z3xt36](https://2img.net/h/oi60.tinypic.com/2z3xt36.jpg)
Cách làm:
- Đầu tiên tạo 1 trang HTML
- Code:
<head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /> <link href='http://i55.servimg.com/u/f55/17/57/29/64/online11.png' rel='icon' type='image/x-icon'/><meta content="UTF-8" http-equiv="Content-Language" /> <meta content="5; url=http://www.devgame.ga/" http-equiv="refresh" /><link media="all" type="text/css" href="http://www.congdongotakuviet.com/7-ltr.css" rev="stylesheet" rel="stylesheet" /></head>
<center>
<div class="messagebox">
<div class="messagebox_title">
<div class="messagebox-title">
Đang nhập thành công
</div>
</div>
<div class="messagebox-content">
Chào bạn! Bạn đã đăng nhập thành công <br />Trang web đang tự chuyển về trang chính, hãy click link dưới đây để quay về trang vừa xem. <br /><br />
<ul>
<li>
<a href="javascript: window.history.back();">Xem tiếp trang trước khi đăng nhập</a>
</li>
<li>
<a href="/forum">Về trang chính của diễn đàn</a>
</li>
</ul>
<img style="width: 500px;" src="http://i58.servimg.com/u/f58/18/67/94/07/loadin11.gif" />
</div>
<div class="messagebox-bottom">
<a href="javascript: window.history.back();">Quay về</a> | <a href="/forum">Diễn đàn</a>
</div>
<div class="content-box-b">
<div class="content-box-b-r">
<div class="content-box-b-l">
</div>
</div>
</div>
</div>
</center><style>.messagebox {
width: 550px;
margin-top: 120px;
border-top: 0px;
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
text-align: center;
border: 1px solid #ddd;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
}
.messagebox_title {
margin: 0px;
padding: 5px;
background: whiteSmoke;
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
border-bottom: 1px solid #DDD;
color: #000;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
font-size: 13px;
font-weight: bold;
}.messagebox-title {
color: #333;
font-weight: bold;
padding: 5px;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
font-size: 13px;
font-weight: bold;
}
body {
line-height: 18px;
text-align: left;
background: #eee;
color: #333;
font-size: 11px;
font-family: Tahoma,Helvetica,Verdana,sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
a:hover, a:focus {
color: #0ad1e5;
}
.messagebox-content {
text-align: left;
padding: 10px;
padding-bottom: 20px;
background-color: #fff;
background: #FFFFFF url(http://i58.servimg.com/u/f58/18/67/94/07/commen10.png) repeat-x scroll center top;
}
.messagebox-content ul {
list-style: circle;
}
.messagebox-content ul li {
margin-left: 20px;
}
.messagebox-content a {
font-weight: bold;
font-size: 11px;
}
.messagebox-bottom {
color: #000;
padding: 5px;
background-color: #fff;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
a {
color: #444;
text-decoration: none;
}
.messagebox-bottom a {
font-weight: bold;
font-size: 11px;
}
a:hover, a:focus {
color: #0ad1e5;
}
</style><script type="text/javascript"> <!--
function exec_refresh()
{
window.status = "Ðang chuyển tới ..." + myvar;
myvar = myvar + " .";
var timerID = setTimeout("exec_refresh();", 100);
if (timeout > 0)
{
timeout -= 1;
}
else
{
clearTimeout(timerID);
window.status = "";
window.location = "javascript:history.go(-1)";
}
}
var myvar = "";
var timeout = 50;
exec_refresh();
//--> </script>
<!-- BEGIN google_analytics_code --> <script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("<script src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'></script>"));
</script> <script type="text/javascript">
try{
var pageTracker = _gat._getTracker("{G_ANALYTICS_ID}");
pageTracker._trackPageview();
} catch(err) { }
</script>
<!-- END google_analytics_code --> <script src="http://my-project-na.googlecode.com/files/FMvar.js"></script> <script>
document.onselectstart=new Function("return false");
function ds(e){return false;}
function ra(){return true;}
document.onmousedown=ds;
document.onclick=ra;
document.oncontextmenu=function(){return false};
</script>
- Tiếp theo chèn đoạn này vào CSS
- Code:
.loginn {
position: absolute;
top: 60px;
left: 50%;
margin-left: 120px;
background: url(http://i55.servimg.com/u/f55/17/57/29/64/online11.png) no-repeat center -40px;
height: 120px;
width: 400px;
box-shadow: inset 0 0px 10px rgba(157, 157, 157, 2.5), 0px 0px 5px #000;
background-color: rgba(198, 198, 198, 0.5);
transition: all 1s;
-webkit-transition: all 1s;
border-top: 50px solid rgba(244, 244, 244, 0.3);
border-bottom: 50px solid rgba(244, 244, 244, 0.3);
}
.pun2 .frm .frm-buttons input:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
background: rgb(0, 153, 255);
color: rgb(255, 255, 255);
border: 3px double rgb(255, 255, 255);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
}
.pun2 .frm .frm-buttons input, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
font-family: Georgia;
font-size: 15px;
font-weight: bold;
color: rgb(0, 153, 255);
padding: 5px 8px;
min-width: 54px;
border: 3px double rgb(0, 153, 255);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
background: rgb(255, 255, 255);
margin: 3px;
}
.bginput1 {
width: 200px;
height: 30px;
margin: 0px 0px 0px 50px;
}
- Sau đó chèn vào cuối overall_header
- Code:
<!-- BEGIN switch_user_logged_out -->
<div class="loginn"><div class="login11n">
<form action="/login?redirect=/h40-page" method="post" name="form_login" class="dang_nhap">
<input type="text" class="bginput1" name="username" id="navbar_username" size="10" accesskey="u" tabindex="101" placeholder="Tên đăng nhập">
<span style="margin-left:15px;">
<input type="checkbox" name="autologin" checked="checked">Ghi nhớ</span><br><br>
<input type="password" class="bginput1" name="password" id="navbar_password" size="10" tabindex="102" placeholder="Mật khẩu">
<span style="margin-left:10px;">
<input type="submit" class="button" value="Đăng nhập" name="login" tabindex="104" title="Enter nếu bạn chắc chắn đây chính là tên tài khoản và mật khẩu hợp lệ." accesskey="s"></span></form></div></div>
<!-- END switch_user_logged_out -->
thay "Link HTML đã tạo " ở <form action="Link HTML đã tạo" method="post" name="form_login" class="dang_nhap">
- Cuối cùng hưởng thụ nếu share ghi nguồn --------- Trilogy - Chinhphuc.Info - DevGame.Ga
