1. Login Box
==================
<div id="po">
<div id="page">
<table>
<tr>
<td>Username</td>
<td><input type="text" class="input"/></td>
</tr>
<tr>
<td>Password</td>
<td><input type="password" class="input"/></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" value="Log In"/></td>
</tr>
</table>
</div>
</div>
<style>
#page{
background: #af0;
width: 300px;
text-align: center;
padding: 10px;
-moz-border-radius: 4px;
}
.input{
border: 1px solid #8c0;
width: 200px;
padding: 2px;
}
table td{
font: 14px arial;
color: #22f;
font-weight: bold;
padding: 5px;
}
#po{
padding: 2px;
border: 1px solid #af0;
max-width: -moz-fit-content;
-moz-border-radius: 4px;
background: #fff;
}
body{
background: #eee;
}
</style>
==================
<div id="po">
<div id="page">
<table>
<tr>
<td>Username</td>
<td><input type="text" class="input"/></td>
</tr>
<tr>
<td>Password</td>
<td><input type="password" class="input"/></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" value="Log In"/></td>
</tr>
</table>
</div>
</div>
<style>
#page{
background: #af0;
width: 300px;
text-align: center;
padding: 10px;
-moz-border-radius: 4px;
}
.input{
border: 1px solid #8c0;
width: 200px;
padding: 2px;
}
table td{
font: 14px arial;
color: #22f;
font-weight: bold;
padding: 5px;
}
#po{
padding: 2px;
border: 1px solid #af0;
max-width: -moz-fit-content;
-moz-border-radius: 4px;
background: #fff;
}
body{
background: #eee;
}
</style>
mas ijin nyuwun backline klik di sini
ReplyDelete