Code to give a better look to your login forms
by Preetha[ Edit ] 2012-09-14 10:04:12
<html>
<head>
<style>
input:focus {
outline: none;
}/*This CSS propriety takes out that yellow border that apears when you select the input box with your mouse*/
#login_div{
font-family: Impact, fantasy;
font-size: 13px;
color: #66665E;/*font color*/
letter-spacing:2px;
}
.login_form{
background-color:#EDEDED;
border-type:solid; /*configure border*/
border-width:3px; /*configure border*/
border-color:#3088bc; /*configure border*/
font-family: Impact, fantasy;/*font type*/
font-size: 13px;
color: #66665E;/*font color*/
letter-spacing:2px;/*space between letters*/
-moz-border-radius: 7px 7px / 7px 7px;/*configure the rounded corners*/
border-radius: 7px 7px / 7px 7px;/*configure the rounded corners*/
}
</style>
</head>
<body>
<div id="login_div">
<form action="" method="post">
User:<br>
<INPUT type="text" name="username" size="25" class="login_form"><br>
Password:<br>
<INPUT type="password" name="password" size="25" class="login_form"><br>
<INPUT TYPE="image" SRC="submit.png" ALT="Submit Form" style="margin-top:4px;margin-left:2px;"><!-- Change the image of the submit button -->
</form>
</div>
</body>
</html>
