Tugas Pemograman Web
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Belajar CSS</title>
<style type="text/css">
.wrapper{
margin: 20px auto 20px auto;
background-color: #F5F5F5;
border: 1px solid #599CD4;
font-family: tahoma, sans-serif;
font-size: 12px;
width: 800px;
height: auto;
min-height: 650px;
}
.header{
margin: auto;
background: url(Stop_GW.png);
background-color: #92cce8;
font-family: tahoma, sans-serif;
font-size: 12px;
width: 800px;
height: 165px;
}
.leftSideBar{
margin: auto;
background-image:url(Left.png);
font-family: tahoma, sans-serif;
font-size: 12px;
color: #000000;
width: 175px;
height: auto;
min-height: 450px;
float: left;
}
.centerSideBar{
margin: auto;
background-color: #C0C0C0;
font-family: tahoma, sans-serif;
font-size: 12px;
color: #000000;
width: 450px;
height: auto;
min-height: 450px;
float: left;
}
.rightSideBar{
margin: auto;
background-color: #9C9C9C;
font-family: tahoma, sans-serif;
font-size: 12px;
color: #000000;
width: 175px;
height: 450px;
min-height: 450px;
float: left;
}
.footer{
margin: auto;
background-image:url(help.png);
font-family: tahoma, sans-serif;
font-size: 11px;
color: #FFFFFF;
width: 800px;
height: 35px;
float: left;
}
.contentCurve {
background-color: transparent;
border-bottom: 1px solid #b9deef;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #b9deef;
font-size: 1px;
height: 1px;
}
.contentLine {
background-color: transparent;
border-bottom: 1px solid #f3fafe;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #f3fafe;
font-size: 1px;
height: 1px;
}
#imagesframe{
background-color: transparent;
margin: 10px 10px auto auto;
width: 600px;
height: 175px;
float:left;
}
#profile{
margin: 10px 10px 10px 10px;
background-color: transparent;
width: 600px;
height: auto;
float: left;
}
#globalImages{
margin: auto;
width: 175px;
height: 175px;
float: inherit;
}
.headerNote{
margin:auto;
background: #90abbc;
font-size: 12px;
font-family:tahoma;
font-weight:bold;
color: #ffffff;
width: 175px;
height: 30px;
float: inherit;
}
#welcomeNote{
margin: auto 5px auto 5px;
width: 165px;
height: auto;
min-height: 245px;
float: inherit;
}
</style>
</head>
<body bgcolor="#F2F2F2">
<div class="wrapper">
<div class="header"></div>
<div class="menuContent"></div>
<div class="leftSideBar" align="center">
<br>
<br>
<a style="text-decoration: none" class="topnav" href="xxx">HOME</a>
<br>
<br>
<div class="contentLine"></div>
<br>
<a style="text-decoration: none" class="topnav" href="xxx">ABOUT</a>
<br>
<br>
<div class="contentLine"></div>
<br>
<a style="text-decoration: none" class="topnav" href="xxx"> PROFILE</a>
<br>
<br>
<div class="contentLine"></div>
<br>
</div>
<div class="centerSideBar">
<div id="ImagesFrame">
<img src="frame.png">
</div>
<div id="profile">
<h3> PROFIL SAYA : </h3>
<pre>
Nama : Dicky Atmaja
JenKel : Laki - Laki
Tmp/tgl : Medan 26 Desember 1988
Alamat : Perum. Kori Nuansa Timur No. B10 jimbaran
No HP : 0818.0549.0739
Status : Mahasiswa
Kampus : STMIK STIKOM BALI
Kelas : M082
NIM : 080020106
Website : http://www.infodicky.co.cc/
</pre>
</div>
</div>
<div class="rightSideBar">
<div id="globalImages">
<p align="center">
<img src="photo profil.png">
</p>
</div>
<div class="headerNote" align="center">
:: Profil Saya ::
</div>
<div id="globalImages">
<p align="center">
<img src="bumi.png">
</p>
</div>
<div class="headerNote" align="center">
:: Global Warming ::
</div>
</div>
<div class="footer" align="center">
<div class="contentCurve"></div>
<br>
Copyright © 2010 you can help stop global warming. All Rights Reserved.
</div>
</div>
</body>
</html>
Download File Disini..!!
