Perjuangan Semut
Blog
UTS HENDRIANA
Menu Utama
Menu Lainnya
Wilujeung Sumping
Perkenalkan Nama Saya Hendriana, anda dapat memanggil saya Hendri.
Hobby Saya Adalah :
Hobby Saya Yang Lain :
Anda Bisa menghubungi saya melalui:
Hand Phone = 087879988194
E-mail = hendri.ferary@gmail.com
Kegiatan saya sehari-hari diantaranya adalah Kuliah dan Bekerja wiraswasta
*catatan* = simpan skrip tersebut dengan nama hendriana.html
2.Buat skrip CSS seperti dibawah ini :
body{
background: #FFFFFF;
margin: 20px 20px 20px 20px;
}
#template {
width: 950px;
border: 1px dashed #FFAA99;
padding: 10px;
border-radius: 5px;
}
#header {
width: 950px;
height: 150px;
border: 1px solid #000000;
}
#navigasi {
width: 950px;
height: 30px;
border: 1px solid #000000;
margin-top: 5px;
}
#kiri {
width: 180px;
height: 500px;
border: 1px solid #000000;
margin-top: 10px;
float: left;
}
#isi {
width: 605px;
height: 590px;
border: 1px solid #000000;
margin-top: 10px;
margin-left: 5px;
float: left;
padding: 5px 5px 5px 5px;
}
#kanan {
width: 140px;
height: 500px;
border: 1px solid #000000;
margin-top: 10px;
float: right;
}
#clear { clear: both; }
#footer {
width: 950px;
height: 30px;
border: 1px solid #000000;
margin-top: 5px;
padding: 0px 2px 5px 0px;
}
h1 {text-align: center;}
a:link {
color: blue;
text-decoration: none;
}
a:visited {
color: blue;
text-decoration: none;
}
a:hover {
color: white;
background: black;
text-decoration: underline;
}
a:active {
color: red;
font-size: 20px;
text-decoration: bold;
background: gray;
}
.b a:link{
color: green;
text-decoration: none;
}
.b a:visited {
color: green;
}
.b a:hover {
color: red;
background: ;
text-decoration: italic;
}
.b a:active {
color:blue;
font-size: 20px;
text-decoration: bold;
background: red;
}
#teks {
padding: 10px;
border: 1px solid #555599;
}
h2{ font-size: 24px;
text-align: center}
h3{ font-size: 18px;
text-align: center}
p {line height: 150%; }
.image_float {
float: right;
margin: 0 5px 5px 5px;
border: 1px dashed #555599;
padding: 10px 5px 10px 5px;
border-radius: 10px;
}
.zoom img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
box-shadow:0px 0px 30px gray;
-webkit-box-shadow:0px 0px 30px gray;
-moz-box-shadow:0px 0px 30px gray;
opacity:1
}
.image_float:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
box-shadow:0px 0px 30px gray;
-webkit-box-shadow:0px 0px 30px gray;
-moz-box-shadow:0px 0px 30px gray;
opacity:1
}
*catatan* = simpan skrip CSS dengan nama hendriana.css
contoh: apabila nama cssnya adalah "aku.css" maka pada htmlnya "