hello agan dan sista jumpa lagi dengan saya di blog sederhana ini, oke pada kesempatan kali ini kita saya akan membagikan satu SCRIPT ADMIN LOGIN bagi agan-agan yang mempunyai Suatu WEBSITE. oke langsung aja ke scriptnya
- HTML
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
<title>admin login</title>
<meta chaset="utf-8">
<meta http-equiv="X-UA-comatible" content="IE=edge">
<title>lOGIN PAGE</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="font-awesome.css">
</head>
<body>
<center>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="container">
<img src="images/man.png"/>
<form action="cek.php" method="POST">
<input type="text" name="name" placeholder="enter name" ><br>
<input type="password" name="password"
placeholder="enter password"><br>
<input type="submit" name="kirim" value="Login" class="btn-login">
</form></center>
<br>
<br>
<br>
<br>
<p>copyright By <a class="footer-text" href="www.hagi133.blogspot.co.id">hagi133</a></p>
</body>
</html>- CSS
<style>
html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size: cover;
}
body {
margin: 0;
}
.container {
width: 500px;
height: 400px;
text-align: center;
background-color: rgba(52, 73, 94, 0.7);
border-radius: 4px;
}
.container img{
width: 120px;
height: 120px;
margin-top: -60px;
margin-bottom: 30px;
}
input[type="text"], input[type="password"] {
height: 45px;
width: 300px;
font-size: 18px;
margin-bottom: 20px;
background-color: #fff;
padding-left: 20px;
}
.btn-login {
padding: 15px 25px;
color: #fff;
background-color: #2ecc71;
border: none;
border-radius: 4px;
border-bottom: 4px solid #27ae60;
}
a {
text-decoration: none;
color: white;
font-family: sans-serif;
}
a:hover {
color: coral;
font-weight: bold;
}
footer{
margin: 0;
}
footer p {
float: right;
margin-right: 20px;
margin-top: 50px;
color: white;
font-family: sans-serif;
}
.footer-text {
color: white;
}
.footer-text:hover {
color: white;
}
</style>oke itu saja dari saya jangan lupa comment biar berkah :)
sampai jumpa di tutorial selanjutnya dadah
sumber YouTube
0 Comments
✓ Jangan Lupa anda tinggalkan comment,karena Comment kalian Berharga Bagi saya
✓ Jika Blog ini Bermanfaat maka tidak ada salahnya untuk anda Share
✓ Manusia Jaman Sekarang Lebih Suka Membaca Informasi di Internet
✓ Jangan Fokus untuk memiliki Blog yang bagus,Fokuslah dalam membuat / Memposting konten konten / artikel artikel yang Bermanfaat
✕ Hagi Suka Nonton Bokep ? ✖