Link Login
- Thread starter DarrellDD
- Start date
DarrellDD
Member
- Jul 10, 2011
- 37
- 0
- Thread starter
- #4
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.
Already Thanks,
DarrellDD
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
FarLock
ThisHabbo Media Journalist
- Apr 21, 2012
- 224
- 52
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
You must be registered for see links
gave an input button that would submit the data entered in the fields then would carry out the task.. if not mistaken.
DarrellDD
Member
- Jul 10, 2011
- 37
- 0
- Thread starter
- #8
Pushintime your right! i found it!
I just edit the reg_btn.png I openend my new-button image en copied the colors to the reg-btn.png
so, i make 4 diffrent reg_btn.png
reg_btn.png
reg_btn_green.png
reg_btn_red.png
reg_btn_dark.png
The CSS i maked
Everybody Thanks!!!
DarrellDD
I just edit the reg_btn.png I openend my new-button image en copied the colors to the reg-btn.png
so, i make 4 diffrent reg_btn.png
reg_btn.png
reg_btn_green.png
reg_btn_red.png
reg_btn_dark.png
The CSS i maked
Code:
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;
}Everybody Thanks!!!
DarrellDD
