Kristopher
Photographer
- Dec 25, 2010
- 803
- 68
Copy the images over from:
Code below to what I was talking about!
Please don't forget to change the image links in the CSS!
If you would like the matching index:
Remove from body:
background: url(/app/tpl/skins/{skin}/ Image URL.png)
Add
background-color:#00BFFF;
Credits:
Leon Retros (RZ)
Stoner(DB)/Kristopher(RZ)
You must be registered for see links
Code below to what I was talking about!
<html>
<title> {hotelname} ~ Index </title>
<head>
<link rel="stylesheet" type="text/css" href="/app/tpl/skins/{skin}/index/register.css">
<style>
button, input[type=submit] {
height:36px;
line-height:34px;
background:#f5f5f5;
box-shadow:inset 0 0 2px 1px #a6a6a6;
-moz-box-shadow:inset 0 0 2px 1px #a6a6a6;
-webkit-box-shadow:inset 0 0 2px 1px #a6a6a6;
width:180px;
border-radius:4px;
margin-left:10px;
border:0;
text-indent:1px;
}
input[type=text], textarea, input[type=password]{
height:34px;
line-height:34px;
background:#f5f5f5;
box-shadow:inset 0 0 2px 1px #a6a6a6;
-moz-box-shadow:inset 0 0 2px 1px #a6a6a6;
-webkit-box-shadow:inset 0 0 2px 1px #a6a6a6;
width:180px;
margin-left:10px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:0;
text-indent:10px;
margin-bottom:4px;
}
input[type=text]:hover, input[type=password]:hover, textarea:hover, input[type=submit]:hover, button:hover, input[type=radio]:hover:before, input[type=checkbox]:hover:before, select:hover {
-webkit-box-shadow: #336 0 0 3px;
box-shadow: #336 0 0 3px;
-moz-box-shadow: #336 0 0 3px;
color: #626292;
}
</style>
</head>
<body>
<div id="wrapper">
<div class="loginbox">
<div class="uglymenu"> <form method="post" id="phase-0-form" style="margin-top:9px;">
<div id="error-messages-container"><?php if(isset($template->form->error)) { echo '<div class="error-messages-holder"><ul><li><p class="error-message">'.$template->form->error.'</p></li></ul></div>'; } ?></div>
<div id="name-field-container">
<div class="field field-habbo-name">
<input type="text" id="habbo-name" size="35" value="<?php echo $template->form->reg_username; ?>" name="reg_username" placeholder="Username" class="text-field" maxlength="32">
</div>
</div>
<div class="field field-password">
<label for="password"><b></b></label>
<input type="password" id="password" size="35" placeholder="Password" name="reg_password" value="" class="password-field" maxlength="32">
</div>
<div class="field field-password2">
<input type="password" placeholder="Confirm Password" id="password2" size="35" name="reg_rep_password" value="" class="password-field" maxlength="32">
</div>
<div class="field field-email">
<input type="text" id="email" size="35" placeholder="Email" name="reg_email" value="<?php echo $template->form->reg_email; ?>" class="text-field" maxlength="48">
</div>
<div class="field field-birthday">
</br></br></br></br>
</div>
<input type="submit" value="Done!" name="register">
</form>
<br>
</div>
</div>
</body>
<html>
<title> {hotelname} ~ Index </title>
<head>
<link rel="stylesheet" type="text/css" href="/app/tpl/skins/{skin}/index/register.css">
<style>
button, input[type=submit] {
height:36px;
line-height:34px;
background:#f5f5f5;
box-shadow:inset 0 0 2px 1px #a6a6a6;
-moz-box-shadow:inset 0 0 2px 1px #a6a6a6;
-webkit-box-shadow:inset 0 0 2px 1px #a6a6a6;
width:180px;
border-radius:4px;
margin-left:10px;
border:0;
text-indent:1px;
}
input[type=text], textarea, input[type=password]{
height:34px;
line-height:34px;
background:#f5f5f5;
box-shadow:inset 0 0 2px 1px #a6a6a6;
-moz-box-shadow:inset 0 0 2px 1px #a6a6a6;
-webkit-box-shadow:inset 0 0 2px 1px #a6a6a6;
width:180px;
margin-left:10px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:0;
text-indent:10px;
margin-bottom:4px;
}
input[type=text]:hover, input[type=password]:hover, textarea:hover, input[type=submit]:hover, button:hover, input[type=radio]:hover:before, input[type=checkbox]:hover:before, select:hover {
-webkit-box-shadow: #336 0 0 3px;
box-shadow: #336 0 0 3px;
-moz-box-shadow: #336 0 0 3px;
color: #626292;
}
</style>
</head>
<body>
<div id="wrapper">
<div class="loginbox">
<div class="uglymenu"> <form method="post" id="phase-0-form" style="margin-top:9px;">
<div id="error-messages-container"><?php if(isset($template->form->error)) { echo '<div class="error-messages-holder"><ul><li><p class="error-message">'.$template->form->error.'</p></li></ul></div>'; } ?></div>
<div id="name-field-container">
<div class="field field-habbo-name">
<input type="text" id="habbo-name" size="35" value="<?php echo $template->form->reg_username; ?>" name="reg_username" placeholder="Username" class="text-field" maxlength="32">
</div>
</div>
<div class="field field-password">
<label for="password"><b></b></label>
<input type="password" id="password" size="35" placeholder="Password" name="reg_password" value="" class="password-field" maxlength="32">
</div>
<div class="field field-password2">
<input type="password" placeholder="Confirm Password" id="password2" size="35" name="reg_rep_password" value="" class="password-field" maxlength="32">
</div>
<div class="field field-email">
<input type="text" id="email" size="35" placeholder="Email" name="reg_email" value="<?php echo $template->form->reg_email; ?>" class="text-field" maxlength="48">
</div>
<div class="field field-birthday">
</br></br></br></br>
</div>
<input type="submit" value="Done!" name="register">
</form>
<br>
</div>
</div>
</body>
<html>
body{
position: relative;
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Calibri, sans-serif;
font-size: 12px;
color: #000000;
min-height: 100%;
background-color:#00BFFF;
}
#wrapper {
margin:auto;
width:1030px;
margin-left:127px;
}
.loginbox {
background-image: url(file:///C:/Documents%20and%20Settings/Adults.LAB-01/Desktop/html%20CSS/login.png) ;
margin-left:40px;
margin-top:60px;
border-radius:4px;
border: 1px solid #E9E9E9;
width:800px;
height:430px;
}
.button{
background: url(file:///C:/Documents%20and%20Settings/Adults.LAB-01/Desktop/html%20CSS/button1.png) repeat center center;
color: #FFFFFF;
margin: 2px 4px;
padding: 5px 20px;
font-size: 11px;
font-weight: bold;
border: 3px solid #FFFFFF;
border-radius: 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
text-decoration: none;
text-align: center;
cursor: pointer;
width:160px;
height:80px;
font-size:20px;
margin-left:300px;
margin-top:30px;
}
.button:hover
{
background: url(file:///C:/Documents%20and%20Settings/Adults.LAB-01/Desktop/html%20CSS/button2.png) repeat center center;
}
.uglymenu {
border-radius:4px;
background-color:white;
width:200px;
height:270px;
border:1px solid #d0d0d0;
margin-top:10px;
margin-left:300px;
}
a {
text-decoration: none;
color: white;
}
a:hover {
text-decoration: none;
}
position: relative;
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Calibri, sans-serif;
font-size: 12px;
color: #000000;
min-height: 100%;
background-color:#00BFFF;
}
#wrapper {
margin:auto;
width:1030px;
margin-left:127px;
}
.loginbox {
background-image: url(file:///C:/Documents%20and%20Settings/Adults.LAB-01/Desktop/html%20CSS/login.png) ;
margin-left:40px;
margin-top:60px;
border-radius:4px;
border: 1px solid #E9E9E9;
width:800px;
height:430px;
}
.button{
background: url(file:///C:/Documents%20and%20Settings/Adults.LAB-01/Desktop/html%20CSS/button1.png) repeat center center;
color: #FFFFFF;
margin: 2px 4px;
padding: 5px 20px;
font-size: 11px;
font-weight: bold;
border: 3px solid #FFFFFF;
border-radius: 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
text-decoration: none;
text-align: center;
cursor: pointer;
width:160px;
height:80px;
font-size:20px;
margin-left:300px;
margin-top:30px;
}
.button:hover
{
background: url(file:///C:/Documents%20and%20Settings/Adults.LAB-01/Desktop/html%20CSS/button2.png) repeat center center;
}
.uglymenu {
border-radius:4px;
background-color:white;
width:200px;
height:270px;
border:1px solid #d0d0d0;
margin-top:10px;
margin-left:300px;
}
a {
text-decoration: none;
color: white;
}
a:hover {
text-decoration: none;
}
Please don't forget to change the image links in the CSS!
If you would like the matching index:
You must be registered for see links
Remove from body:
background: url(/app/tpl/skins/{skin}/ Image URL.png)
Add
background-color:#00BFFF;
Credits:
Leon Retros (RZ)
Stoner(DB)/Kristopher(RZ)