<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>iHotel: Home</title>
<link rel="stylesheet" href="css/button.css" />
<link rel="stylesheet" href="css/global.css" />
</head>
<body>
<div class="container">
<div class="head">
<div class="logo"></div>
<div class="usersonline"><b>%hotel_status%</b></div>
</div>
<div class="login_background">
<div class="login">
New here? <a href="/register" style="font-weight: bold;">REGISTER FOR FREE</a><br />
<br />
<form method="post" action="/account/submit">
Username:<br />
<input type="text" name="credentials.username" value="Username" onfocus="if (this.value == 'Username') this.value = '';" /><br />
<br />
Password:<br />
<input type="password" name="credentials.password" value="Password" onfocus="if (this.value == 'Password') this.value = '';" /><br />
<br />
Keep me signed in <input type="checkbox" name="_login_remember_me" value="true" />
<a href="#" class="new-button dark-button" target="" id="login-submit-new-button" onclick="submit"><b>Log In</b><i></i></a>
</form>
</div>
</div>
<div class="foot"><a href="#">Home</a> | <a href="#">Contact</a> | <a href="http://forum.desire-hotel.net">Forums</a> <br />
© 2011 Desire Hotel </div></div>
</body>
</html>
Well, it is a login page. and that button was a input button and i want it with this layout. But i cant make it login. That Button is a link with style, and i want to let that link login. Like the habbo frontpage button login.
under this image is the code of the webpage.
PHP:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>iHotel: Home</title> <link rel="stylesheet" href="css/button.css" /> <link rel="stylesheet" href="css/global.css" /> </head> <body> <div class="container"> <div class="head"> <div class="logo"></div> <div class="usersonline"><b>%hotel_status%</b></div> </div> <div class="login_background"> <div class="login"> New here? <a href="/register" style="font-weight: bold;">REGISTER FOR FREE</a><br /> <br /> <form method="post" action="/account/submit"> Username:<br /> <input type="text" name="credentials.username" value="Username" onfocus="if (this.value == 'Username') this.value = '';" /><br /> <br /> Password:<br /> <input type="password" name="credentials.password" value="Password" onfocus="if (this.value == 'Password') this.value = '';" /><br /> <br /> Keep me signed in <input type="checkbox" name="_login_remember_me" value="true" /> <a href="#" class="new-button dark-button" target="" id="login-submit-new-button" onclick="submit"><b>Log In</b><i></i></a> </form> </div> </div> <div class="foot"><a href="#">Home</a> | <a href="#">Contact</a> | <a href="http://forum.desire-hotel.net">Forums</a> <br /> © 2011 Desire Hotel </div></div> </body> </html>
Already Thanks,
DarrellDD
input.new-button[type="submit"], input[type="button"] {
background: url('../images/reg_btn.png') top;
font: bold 13px arial,sans-serif;
line-height: 25px;
color: black;
height: 25px;
width: 99px;
border: 0;
padding: 1px 6px;
padding-top: 1px;
padding-right: 6px;
padding-bottom: 1px;
padding-left: 6px;
}
input.new-button.red-button[type="submit"], input[type="button"] {
background: url('../images/reg_btn_red.png') top;
font: bold 13px arial,sans-serif;
line-height: 25px;
color: white;
height: 25px;
width: 99px;
border: 0;
padding: 1px 6px;
padding-top: 1px;
padding-right: 6px;
padding-bottom: 1px;
padding-left: 6px;
}
input.new-button.green-button[type="submit"], input[type="button"] {
background: url('../images/reg_btn_green.png') top;
font: bold 13px arial,sans-serif;
line-height: 25px;
color: white;
height: 25px;
width: 99px;
border: 0;
padding: 1px 6px;
padding-top: 1px;
padding-right: 6px;
padding-bottom: 1px;
padding-left: 6px;
}
input.new-button.dark-button[type="submit"], input[type="button"] {
background: url('../images/reg_btn_dark.png') top;
font: bold 13px arial,sans-serif;
line-height: 25px;
color: white;
height: 25px;
width: 99px;
border: 0;
padding: 1px 6px;
padding-top: 1px;
padding-right: 6px;
padding-bottom: 1px;
padding-left: 6px;
}
input.new-button[type="submit"]:hover, input[type="button"]:hover {
background-position: bottom;
cursor: pointer;
}
input.new-button.red-button[type="submit"]:hover, input[type="button"]:hover {
background-position: bottom;
cursor: pointer;
}
input.new-button.green-button[type="submit"]:hover, input[type="button"]:hover {
background-position: bottom;
cursor: pointer;
}
input.new-button.dark-button[type="submit"]:hover, input[type="button"]:hover {
background-position: bottom;
cursor: pointer;
}