Programer Web Templates at Nuri Andhika
DISUSUN OLEH
NURI ANDHIKA PRATAMA
PROGRAM STUDI MANAGEMENT
INFORMATIC
NURI ANDHIKA PRATAMA,WEB PROGRAMER | MEDAN SUMUT
LAYOUT CSS
body{
margin: 0;
padding: 0;
text-align: justify;
font: 85% Lucida Handwriting, helvetica, sans-serif;
color:red;
background-image:bg.jpg);
color: #444;
}
#container {
width: 1230px;
margin: auto;
border: 1px solid #000;
background: green;
}
#header {
height: 130px;
border: 0px solid #000;
background: green;
}
#kiri {
float: left;
width: 160px;
margin: 10px 0;
NURI ANDHIKA PRATAMA,WEB PROGRAMER | MEDAN SUMUT
padding: 10px;
border: 1px solid #000;
background: #00FF00;
}
#tengah {
float: left;
width: 820px;
margin: 10px;
padding: 10px;
border: 1px solid #000;
background:#66CCFF ;
}
#kanan {
float: right;
width: 160px;
margin: 10px 0;
padding: 10px;
border: 1px solid #000;
background: #FF9900;
}
#footer {
height: 40px;
border: 1px solid #000;
clear: both;
NURI ANDHIKA PRATAMA,WEB PROGRAMER | MEDAN SUMUT
background:red;
}
INDEX.PHP
budidarma.com
Home
File
Login
Dosen
Mahasiswa
Pendaftaran
NURI ANDHIKA PRATAMA,WEB PROGRAMER | MEDAN SUMUT
Mahasiswa Baru
Judul Skripsi
Judul Tugas Akhir
Seminar
Organisasi
BDMC
Cifor
BPC
KMN
Akademik
Daftar Mahasiswa
Daftar Alumni
Daftar Dosen
Daftar Staf
Prodi
STARATA-1
NURI ANDHIKA PRATAMA,WEB PROGRAMER | MEDAN SUMUT
DIPLOMA-3
DIPLOMA-1
Logout
.dropmenu {
background: red;
height: 30px;
list-style-type: none;
margin: 0;
padding: 0px;
}
.dropmenu li {
border-right: solid 1px white;
float: left;
height: 30px;
}
.dropmenu li a {
color: green;
display: block;
font: 12px arial, verdana, sans-serif;
NURI ANDHIKA PRATAMA,WEB PROGRAMER | MEDAN SUMUT
font-weight: bold;
padding: 9px 20px;
text-decoration: none;
}
.dropmenu li:hover { background: red; position: relative; }
.dropmenu li:hover a { text-decoration: underline; }
.dropmenu li:hover ul {
background-color: #3f4a54;
border: 1px solid grey;
left: 0px;
padding: 3px;
top: 30px;
width: 160px;
}
.dropmenu li:hover ul li { border: none; height: 18px; }
.dropmenu li:hover ul li a {
background-color: #778899;
border: 1px solid transparent;
color: #ff;
display: block;
font-size: 11px;
height: 18px;
line-height: 18px;
padding: 0px;
text-decoration: none;
text-indent: 5px;
width: 158px;
NURI ANDHIKA PRATAMA,WEB PROGRAMER | MEDAN SUMUT
padding: 3px;
}
.dropmenu li:hover ul li a:hover {
background: silver;
border: solid 1px #444;
color: #000;
height: 18px;
padding: 3px;
}
.dropmenu ul {
left: -9999px;
list-style-type: none;
position: absolute;
top: -9999px;
}
NURI ANDHIKA PRATAMA
PROGRAM STUDI MANAGEMENT
INFORMATIC
NURI ANDHIKA PRATAMA,WEB PROGRAMER | MEDAN SUMUT
LAYOUT CSS
body{
margin: 0;
padding: 0;
text-align: justify;
font: 85% Lucida Handwriting, helvetica, sans-serif;
color:red;
background-image:bg.jpg);
color: #444;
}
#container {
width: 1230px;
margin: auto;
border: 1px solid #000;
background: green;
}
#header {
height: 130px;
border: 0px solid #000;
background: green;
}
#kiri {
float: left;
width: 160px;
margin: 10px 0;
NURI ANDHIKA PRATAMA,WEB PROGRAMER | MEDAN SUMUT
padding: 10px;
border: 1px solid #000;
background: #00FF00;
}
#tengah {
float: left;
width: 820px;
margin: 10px;
padding: 10px;
border: 1px solid #000;
background:#66CCFF ;
}
#kanan {
float: right;
width: 160px;
margin: 10px 0;
padding: 10px;
border: 1px solid #000;
background: #FF9900;
}
#footer {
height: 40px;
border: 1px solid #000;
clear: both;
NURI ANDHIKA PRATAMA,WEB PROGRAMER | MEDAN SUMUT
background:red;
}
INDEX.PHP
budidarma.com
Home
File
Login
Dosen
Mahasiswa
Pendaftaran
NURI ANDHIKA PRATAMA,WEB PROGRAMER | MEDAN SUMUT
Mahasiswa Baru
Judul Skripsi
Judul Tugas Akhir
Seminar
Organisasi
BDMC
Cifor
BPC
KMN
Akademik
Daftar Mahasiswa
Daftar Alumni
Daftar Dosen
Daftar Staf
Prodi
STARATA-1
NURI ANDHIKA PRATAMA,WEB PROGRAMER | MEDAN SUMUT
DIPLOMA-3
DIPLOMA-1
Logout
.dropmenu {
background: red;
height: 30px;
list-style-type: none;
margin: 0;
padding: 0px;
}
.dropmenu li {
border-right: solid 1px white;
float: left;
height: 30px;
}
.dropmenu li a {
color: green;
display: block;
font: 12px arial, verdana, sans-serif;
NURI ANDHIKA PRATAMA,WEB PROGRAMER | MEDAN SUMUT
font-weight: bold;
padding: 9px 20px;
text-decoration: none;
}
.dropmenu li:hover { background: red; position: relative; }
.dropmenu li:hover a { text-decoration: underline; }
.dropmenu li:hover ul {
background-color: #3f4a54;
border: 1px solid grey;
left: 0px;
padding: 3px;
top: 30px;
width: 160px;
}
.dropmenu li:hover ul li { border: none; height: 18px; }
.dropmenu li:hover ul li a {
background-color: #778899;
border: 1px solid transparent;
color: #ff;
display: block;
font-size: 11px;
height: 18px;
line-height: 18px;
padding: 0px;
text-decoration: none;
text-indent: 5px;
width: 158px;
NURI ANDHIKA PRATAMA,WEB PROGRAMER | MEDAN SUMUT
padding: 3px;
}
.dropmenu li:hover ul li a:hover {
background: silver;
border: solid 1px #444;
color: #000;
height: 18px;
padding: 3px;
}
.dropmenu ul {
left: -9999px;
list-style-type: none;
position: absolute;
top: -9999px;
}