<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Form Admin</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<form action="proses.php" method="POST">
<div class="container clearfix">
<h1>SI Admin</h1>
<div class="sidebar">
<ul>
<li><a href="index.php">Berita</a></li>
<li><a href="pendaftaran.html">Pendaftaran</a></li>
<li><a href="siswa.html">Data Siswa</a></li>
<li><a href="guru.html">Data Guru</a></li>
<li><a href="#" onclick="return confirm('anda yakin akan keluar?')">Logout</a></li>
</ul>
</div>
<div class="content">
<h1><b>FORM BERITA</b></h1>
<input type="integer" name="id_berita" size="46" placeholder="id berita">
<input type="text" Name="judul" size="46" placeholder="judul">
<textarea type="text" Name="isi" size="46" placeholder="Isi Berita"></textarea>
<input type="date" name="tanggal" size="46" placeholder="tahun-bulan-tanggal(2016-12-03)">
<p><br>
<br>
<input value="Kirim" style="background-color: 4985D0; height: 50; width: 150;"type="submit">
</p></td>
</tr>
</body>
</html>
style.php
*{
font-family: sans-serif;
font-weight: 100;
}
.container {
width: 960px;
max-width: 100%;
margin: 0 auto;
background: #42775A;
border-radius: 5px;
padding: 10px;
box-shadow: 0px 0px 5px black;
color: #FFF;
}
.sidebar {
width: 20%;
float: left;
}
.sidebar ul {
list-style: none;
padding-left: 0;
margin: 0;
}
.sidebar li a {
display: inline-block;
width: 100%;
padding: 15px;
box-sizing: border-box;
}
.sidebar li a:hover {
background-color: #3B5949;
}
.sidebar li a.active{
background-color: #3B5949;
}
a {
text-decoration: none;
color: #FFF;
}
.content {
width: 80%;
min-height: 500px;
float: right;
padding: 10px;
box-sizing: border-box;
background: #FFF;
border-radius: 5px;
color: #2c3e50;
}
.h1{
}
.clearfix:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both;
}
body{
margin: 0;
background : #798E82;
}
/*tabel*/
table.data {
width: 100%;
border-collapse: collapse;
}
table.data th {
padding: 10px 5px;
}
table.data td {
padding: 10px 5px;
border: 1px solid #ccc;
border-left: none;
border-right: none;
}
table.data td a.link {
color: #3F27E6;
text-decoration: underline;
}
table.data td a.link:hover {
color: #347FF7;
text-decoration: underline;
}
table.data tr:hover:not(:first-child) {
background-color: #f5f5f5;
}
table.data tr:not(:first-child):nth-of-type(odd) {
background-color: #f9f9f9;
}
/*form*/
.form{
background: #42775A;
border-radius: 5px;
padding: 4px 20px 15px 20px;
box-shadow: 0px 0px 5px black;
color: #FFF;
margin: 0 auto;
width: 430px;
}
input, textarea, select {
width: 100%;
padding: 10px 5px;
box-sizing: border-box;
font-size: large;
}
textarea {
min-height: 80px;
}
.btn {
width: auto;
color: #fff;
border: none;
cursor: pointer;
padding: 10px;
}
.btn-submit {
background-color: #C35045;
}
.btn-submit:hover {
background-color: #CA665C;
}
.btn-tambah {
background-color: #27ae60;
}
.btn-tambah-div{
text-align: right;
margin-right: 20px;
}
.btn-tambah:hover {
background-color: #2ecc71;
}
.btn-edit {
background-color: #2980b9;
}
.btn-edit:hover{
background-color: #5DA7D8;
}
.btn-hapus {
background-color: #c0392b;
}
.btn-hapus:hover {
background-color: #CE5A4E;
}
dibantu:php indonesia
0 komentar:
Posting Komentar