Selasa, 24 April 2012

membuat form login di Webmail

02.10  fasana Itech  1 comment

Cara membuat form login diwebmail




sorcecode  HTML dapat digunakan di form login anda dengan cara sbb:

1. buat CSS  seperti ini : 
Stylesheet untuk mempercantik kotak login webmail, letakkan diantara <HEAD>...</HEAD>







<style type="text/css">
#login-form {
 margin-left: auto;
 margin-right: auto;
 margin-top: 50px;
 width: 380px;
 border: 1px solid #999;
}
#login-form table td.title
{
 color: #666;
 text-align: right;
 padding-right: 10px;
}
.boxcontent {
 padding: 20px 20px 10px 20px;
}
.boxtitle
{
 height: 12px !important;
 padding: 4px 20px 3px 20px;
 border-bottom: 1px solid #999;
 color: #333;
 font-size: 11px;
 font-weight: bold;
 background-color: #EBEBEB;
}
</style>

Tag div untuk form login webmail, letakkan diantara <BODY>...</BODY>
<div id="login-form">
 <div class="boxtitle">Login Webmail</div>
 <div class="boxcontent">
 <form name="form" action="http://domainanda.com/webapps/webmail2/index.php" method="post">
 <input name="_action" value="login" type="hidden"><input name="_timezone" id="rcmlogintz" value="7" type="hidden">
 <table summary="" border="0"><tbody><tr><td class="title"><label for="rcmloginuser">Username</label>
 </td>
 <td><input name="_user" id="rcmloginuser" size="30" autocomplete="off" type="text"></td>
 </tr>
 <tr><td class="title"><label for="rcmloginpwd">Password</label>
 </td>
 <td><input name="_pass" id="rcmloginpwd" size="30" autocomplete="off" type="password"></td>
 </tr>
 </tbody>
 </table>
 <p style="text-align: center;"><input class="button mainaction" value="Login" type="submit"></p>
 </form>
 </div>
 </div>


kb.masterweb

oleh fsakti FASANA IT | Tutorial Computer Updated at : 02.10
Anda suka artikel di atas ???
Klik salah satu atau ketiga tombol di bawah ini :

Jangan Lupa Baca Juga :

Posted in:

 
Ke bawah Ke ATAS