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
2. buatlah file style.css
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>
<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>
</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;
}
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;
}
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 :
0 komentar:
Post a Comment