Sign In
Create Account
CNTT-K3
click vào đây để thấy demo 
- Code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Đăng nhập vào Forum</title>
<link rel="stylesheet" type="text/css" href="http://www.coo.vn/out/users/c3vietk/loginp/logins.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/33/frm/lang/notutf8-vi.js"></script>
<script>function closeBox(toClose) {document.getElementById(toClose).style.display = "none";setCookie(toClose, "closed", 365);}function setCookie(cName, value, expiredays) {var expDate = new Date();expDate.setDate(expDate.getDate()+expiredays);document.cookie=cName + "=" + escape(value) + ";expires=" + expDate.toGMTString();}function loadMsg(msgClass) {msg = document.getElementsByTagName("div");for (i=0; i<msg.length; i++) {if(msg[i].className == msgClass) {if(document.cookie.indexOf(msg[i].id) == -1) {msg[i].style.display = "block";}}}}window.onload=function(){loadMsg('msgbox'); }</script><style>div.guestwarn {background:#000;color:#fff;max-width:280px;min-height:18px;padding:0 5px 3px;position:fixed;right: 2%;top: 50%;padding: 10px 15px;position: fixed;z-index: 10;font-size:12px;-moz-border-radius: 8px; -webkit-border-radius: 8px; filter:alpha(opacity=88); -moz-opacity:.88; opacity:.88; -moz-box-shadow:5px 5px 5px #191919; -webkit-box-shadow:5px 5px 5px #191919; box-shadow:5px 5px 5px #191919;}.close {float: right;background: transparent url(http://khachxemhoa.googlecode.com/files/clode.png);width: 22px;height: 22px;}</style><div id="message-1" class="msgbox" style="display: block; "><div class="guestwarn"><a href="#" class="close" onclick="closeBox('message-1'); return false;" title="Close This Warn"></a><p align ="left" ><font color="white"><b>Cảm ơn bạn đã ghé thăm Forum. Nếu đây là lần đầu tiên bạn tham gia Forum. Vui lòng</b></font> <a href="/register"><font color="red"><b>Bấm vào đây</b></font></a> <font color="white"><b>để đăng kí tài khoản mới.Chúc bạn có những phút giây thật vui vẻ và thoải mái!</b></font></p><p><font color="red">Bạn nên chú ý là đăng nhập mới vào đc forum !</font></p></div></div>
<script type="text/javascript">
$(function(){
forum = GetParam("forum");
if (forum!=null) {
$("form").attr("action",forum+"/login?redirect="+forum);
$(".header span b").text(forum);
}
});
</script>
</head>
<body> <div id="wrapper">
<form name="" class="login-form" action="/login" method="post">
<div class="header">
<h1>Login Form</h1>
<span>Đăng nhập vào forum .<br /> <b></b></span>
</div>
<div class="content">
<input name="username" type="text" class="input username" placeholder="Tên Đăng Nhập" />
<div class="user-icon"></div>
<input name="password" type="password" class="input password" placeholder="Mật Khẩu" />
<div class="pass-icon"></div>
</div>
<div class="footer">
<input type="submit" name="login" value="Login" class="button" />
<input type="button" onclick="window.location.replace($('#direct').text() + '/register')" class="register" value="Đăng Ký" name="register" />
</div>
</form>
</div> <div class="gradient"></div>
</body>
</html>
<script type="text/javascript">
