gacon883
Tổng số bài gửi : 148 Điểm tích lũy : 4858 Thích : 3 Tham gia : 03/02/2012
| Tiêu đề: [Chia sẻ] Trang chủ đăng nhập trước khi vào forum ( đẹp ) Tue Jun 04, 2013 7:44 pm | |
| demo : - Code:
-
http://www.cntt-k3.biz/h56-page - 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://i1129.photobucket.com/albums/m513/nguyenanhdung_2010/linh%20tinh/conect11copycopy.png"></a></div><div class="skip-button"> <a href="/forum"><img src="http://i1129.photobucket.com/albums/m513/nguyenanhdung_2010/linh%20tinh/treci_10copy.png"></a></div><div class="header-text"> Bảng Đăng Nhập - Cntt-k3.biz </div> </div>
<div id="footer">
Chào mừng các bạn đến với Information technology | Hosted by <a href="http://cntt-k3.biz/forum" target="_blank">Cntt-k3.biz</a></div>
<style type="text/css"> /* Credit: http://www.cntt-k3.biz/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://i1129.photobucket.com/albums/m513/nguyenanhdung_2010/linh%20tinh/rustic11copy.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://i1129.photobucket.com/albums/m513/nguyenanhdung_2010/linh%20tinh/conect11copy.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> | |
|
gacon883
Tổng số bài gửi : 148 Điểm tích lũy : 4858 Thích : 3 Tham gia : 03/02/2012
| Tiêu đề: Re: [Chia sẻ] Trang chủ đăng nhập trước khi vào forum ( đẹp ) Tue Jun 04, 2013 7:45 pm | |
| Modules >> HTML & JAVASCRIPT >> HTML pages management >>
Title * : tuy` Do you wish to use your forum header and footer ? Không
Use this page as homepage ? Có | |
|