CARA MEMBUAT FORM LOGIN KEREN UNTUK PHP ATAU HTML

hai para pembaca selamat datang di blog exmodshare.blgospot.com di sini adalah tempat kita belajar dan berbagi sesuatu hal yang benar dan betul dan baik. dan dan dan terlalu banyak dan itu tidak enak ya.. wahahaha oke deh para pembaca. atau para pencari petunjuk atau pencari wangsit. wahaha sekarang ganti terlalu banyak atau.
kita akan jelaskan cara kerja exmodshare.blogspot.com kalau kalian suka membaca artikel ini jangan lupa share exmodshare.blogspot.com.. kalau kalian tidak suka sama artikelnya kalian tinggal ngasih komen dan saran kalian biar blog ini bisa menjadi lebih baik
 
nih script untuk membuat login seperti diatas :
 
1. buat lah file index.html  / index.php
 
lalu masukkan script berikut
 
 
<html>
  <head>
    <title>exmodshare.blogspot.com</title>

 <!-- Skrip CSS -->
   <link rel="stylesheet" href="style.css"/>
 
  </head>
  <body>
 <div class="container">
  <br>
       <form action="" method="post">
   <h2>MODPUL</h2><br>
  
   <label>Username :</label>
   <input id="name" name="username" placeholder="username" type="text">
  
   <label>Password :</label>
   <input id="password" name="password" placeholder="**********" type="password">
  
   <center><input type="submit" name="submit" id="submit" value="Login"></center>
    </form>
   </div>
  </body>
</html>
 
 

2. buatlah file style.css
lalu copykan script di bawah dan di save
 
body{
 font-family:trebuchet ms;
 font-size:36px;
 color:white;
 background-color:grey;
}.container {
 width: 30%;
 margin-top: 5%;
 border-radius:15px;
 margin-left: 35%;
 background-color: #ccc;
 padding: 20px 25px;
}
h2{
 background-color: #FF4500;
 padding: 10px 10px;
 margin: -10px -50px;
 text-align:center;
 color: #fff;
}


input[type=text]{
 width: 98%;
 height: 50px;
 padding: 5px;
 margin-bottom: 25px;
 margin-top: 5px;
border-radius:15px;
 border: 2px solid #ccc;
 color: grey;
 font-size: 16px;
}
input[type=password]{
 width: 98%;
border-radius:15px;
height: 50px;
 padding: 5px;
 margin-bottom: 25px;
 margin-top: 5px;
 border: 2px solid #ccc;
 color: grey;
 font-size: 16px;
}

label{
 color: #FF4500;
 text-shadow: 0 1px 0 #fff;
 font-size: 14px;
 font-weight: bold;
}

input[type=submit]{
 font-size: 16px;
 background: linear-gradient(#FF4500 5%, #fff 100%);
 color: #4E4D4B;
border-radius:8px;
 font-weight: bold;
 cursor: pointer;
 width: 50%;
 padding: 10px 0;
 outline:none;
}
 
 
udah jadi deh... nah buat kalian yang mau langsung download filenya silahkan di download di bawah ini :
 
Share on Google Plus

About BAng Dul

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

0 komentar:

Post a Comment