Perancangan Forum Diskusi Forumsquare Berbasis Web
1
LISTING PROGRAM
1. Tampilan Login ( login.php )
Login Forumsquare
body{
font-family: arial;
font-size: 14px;
background-color: #457d9f;
}
#utama{
width: 300px;
margin: 0 auto;
margin-top: 2%;
}
#judul{
padding: 15px;
text-align: center;
color: #fff;
font-size: 20px;
background-color: #25719e;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom: 3px solid #00598d;
}
#input{
background-color: #eaeaec;
padding: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
input{
padding: 10px;
border: 0;
}
button{
padding: 10px;
border: 0;
}
.userpass{
width: 240px;
}
.button{
background-color: #25719e;
border-radius: 10px;
width: 260px;
color: #fff;
}
.button:hover{
Universitas Sumatera Utara
2
background-color: #00598d;
cursor: pointer;
}
.a{
color: #ffffff;
}
.b{
background-attachment: fixed;
}
Login Forumsquare
Signup
Copyright © Forumsquare
Universitas Sumatera Utara
3
2. Proses Login ( proseslogin.php )
All Thread
LISTING PROGRAM
1. Tampilan Login ( login.php )
Login Forumsquare
body{
font-family: arial;
font-size: 14px;
background-color: #457d9f;
}
#utama{
width: 300px;
margin: 0 auto;
margin-top: 2%;
}
#judul{
padding: 15px;
text-align: center;
color: #fff;
font-size: 20px;
background-color: #25719e;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom: 3px solid #00598d;
}
#input{
background-color: #eaeaec;
padding: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
input{
padding: 10px;
border: 0;
}
button{
padding: 10px;
border: 0;
}
.userpass{
width: 240px;
}
.button{
background-color: #25719e;
border-radius: 10px;
width: 260px;
color: #fff;
}
.button:hover{
Universitas Sumatera Utara
2
background-color: #00598d;
cursor: pointer;
}
.a{
color: #ffffff;
}
.b{
background-attachment: fixed;
}
Login Forumsquare
Signup
Copyright © Forumsquare
Universitas Sumatera Utara
3
2. Proses Login ( proseslogin.php )
All Thread