Chào Mừng Các Bạn Ghé Thăm Forum Chia Sẻ Online
Trang Chính![[Codes] Trang chủ đăng nhập Empty](https://2img.net/i/empty.gif)
ACP==>Modules==>HTML & JAVASCRIPT==>HTML pages management==>Create new HTML page
- Spoiler:
- Title * : Tùy ý
Do you wish to use your forum header and footer ?:Không
Use this page as homepage ?Có
(Sử dụng trang này làm trang chủ)
HTML source * :
- Code:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <div id="connect-box">
<form name="form_login" method="post" action="/login"><input name="username" size="30" value="Tên đăng nhập..." onclick="if (this.value == 'Tên đăng nhập...') this.value = '';" onblur="if (this.value == '') this.value = 'Tên đăng nhập...';" class="username-box" type="text">
<input name="password" size="10" value="Parola ta..." onclick="if (this.value == 'Parola ta...') this.value = '';" onblur="if (this.value == '') this.value = 'Parola ta...';" class="password-box" type="password">
<input value="Đăng nhập" name="login" class="connect-button" type="submit"></form> <div class="register-button">
<a href="/register"><img src="http://i44.servimg.com/u/f44/15/64/85/86/conect10.png"></a></div><div class="skip-button">
<a href="/forum"><img src="http://i44.servimg.com/u/f44/15/64/85/86/treci_10.png"></a></div><div class="header-text">
Bảng Đăng Nhập - Chiaseonline.us.to
</div>
</div>
<div id="footer">
Chào mừng các bạn đến với Chia Sẻ Online - Mái nhà tình bạn </div>
<style type="text/css">
/*
Credit: http://chiaseonline.us.to/forum
*/
body {
margin: 0;
padding: 0;
line-height: 1.7em;
font-size:12px;
color: #666;
text-shadow: 1px 1px 1px #fff;
font-family:helvetica,arial,sans-serif;
background: url(http://i67.servimg.com/u/f67/16/17/34/47/12310.png);
}
a:link, a:visited { color: #5b0b01; text-decoration: none; font-weight: normal; }
a:active, a:hover { color: #CC00FF; text-decoration: underline; }
p { margin: 0px; padding: 0px; }
img { margin: 0px; padding: 0px; border: none; }
/* --------------Header-Text---------------- */
.header-text {
position: absolute;
top: 94px;
left: 160px;
color: #5D5D5D;
text-shadow: 1px 1px 1px #fff;
font-size: 24px;
font-family: Georgia;
float: left;
font-style: italic;
}
/* --------------End-Header-Text---------------- */
/* --------------Connect-Box---------------- */
#connect-box {
float:left;
position: relative;
height: 600px;
width: 900px;
top:20px;
left:190px;
display: inline;
background: transparent url(http://i44.servimg.com/u/f44/15/64/85/86/rustic10.png) no-repeat center;
}
.username-box {
border: none;
background-color: transparent;
position: relative;
top: 189px;
left: 348px;
height: 30px;
width: 340px;
font-size: 20px;
font-family: Georgia;
font-style: italic;
color: #fff;
}
.password-box {
border: none;
background-color: transparent;
position: relative;
top: 261px;
left: 5px;
height: 30px;
width: 340px;
font-size: 18px;
font-size: 20px;
font-family: Georgia;
font-style: italic;
color: #fff;
}
.connect-button {
position: relative;
top: 330px;
left: 200px;
border: none;
background: transparent url(http://i44.servimg.com/u/f44/15/64/85/86/conect11.png);
height: 66px;
width: 233px;
color: transparent;
cursor: pointer;
}
.connect-button:hover {
filter:alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85;
}
.register-button {
position: absolute;
top: 366px;
left: 490px;
}
.register-button:hover {
filter:alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85;
}
.skip-button {
position: absolute;
top: 466px;
left:275px;
}
.skip-button:hover {
filter:alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85;
}
/* --------------End-Connect-Box---------------- */
/* -------------Footer-------------- */
#footer {
position:absolute;
bottom: 30px;
width: 100%;
margin: 0;
padding: 20px 0;
font-size:12px;
color: #666;
font-family:helvetica,arial,sans-serif;
background: transparent;
text-align: center;
border-top: 0px solid #cccccc;
border-bottom: 0px solid #3c3f3f;
}
#footer a {
color: #666;
}
#footer a:hover {
text-decoration: underline;
}
/* --------------End-Footer---------------- */
</style>
<script language="Javascript">
<!--
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>
<a href="http://www.forumvi.com" target="_blank"></a> </div>
<a href="http://www.forumvi.com" target="_blank" style="display:none">forumvi.com</a>
![[Codes] Trang chủ đăng nhập Anh_ch12](https://i.servimg.com/u/f42/17/02/58/20/anh_ch12.jpg)
