
Form Info Dengan Css3 Kali ini dari pada gak update mending bagi - bagi script, script ini memuat tentang info admin saja pasti bingung ya . . .? tampilannya sama seperti screenshot / gambar di atas, emmmm dari pada penasaran langsung liat demo nya aja kali ya, silahkan di cek hehehe.
DEMO
Simpan kodenya sesuai kebutuhan jika di sidebar Tambah Gadget html/Javascript jika di postingan beralih dari mode compose ke mode edit html.
<style>
form {
width: 460px;
padding: 20px;
color: #333;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
margin: 0 auto;
}
fieldset {
position: relative;
padding: 10px;
padding-top: 25px;
margin-bottom: 30px;
background: #F6F6F6;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FFF));
background: -webkit-linear-gradient(center top, #EFEFEF, #FFF 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EFEFEF), color-stop(1, #FFF 100%));
background: -moz-linear-gradient(center top, #EFEFEF, #FFF 100%);
background: -o-linear-gradient(center top, #EFEFEF, #FFF 100%);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#EFEFEF, EndColorStr=#FFF 100%)";
background: linear-gradient(center top, #EFEFEF, #FFF 100%);
}
legend {
padding: 6px 12px;
background-color: #FF609F;
color: white;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 4px #888;
-moz-box-shadow: 2px 2px 4px #888;
box-shadow: 2px 2px 4px #888;
text-shadow: 1px 1px 1px #333;
}
td {
background: #DDD;
padding: 8px;
border-right: 5px solid #555;
width:190px;
}
table {
background-color: #555;
}
</style>
<form>
<fieldset>
<legend>Info Tentang Admin</legend>
<table border="0">
<tr>
<td>Nama</td>
<td>$hi~N~Tho</td>
</tr>
<tr>
<td>Tanggal lahir</td>
<td>juni 1993</td>
</tr>
<tr>
<td>Tempat Tinggal</td>
<td>Rawamangun Lr 18</td>
</tr>
<tr>
<td>Status</td>
<td>Pelajar / Siswa</td>
</tr>
<tr>
<td>Kota</td>
<td>Makassar</td>
</tr>
<tr>
<td>Provinsi</td>
<td>Sulawesi - Selatan</td>
</tr>
<tr>
<td>Kabupaten</td>
<td>Luwu Utara</td>
</tr>
</table>
</fieldset>
</form>Ganti sendiri ya data - datanya sesuai data diri anda.