<HTML>
<!-- bagian kepala -->
<head>
<title>desain tampalet</title> <h3><font color ="red">desain tampalet </h></color>
<style>
/* CSS */
#wrapper{
width: 1250px; /* Ini lebar Template secara keseluruhan */
margin: auto; /* Ini untuk membuat "CENTER" blog pada Browser */
}
.header{
height: 100px; /* Ini Untuk mengatur tinggi di header */
background-color:#FFA500;
margin: 10px 10px px 10px;
padding: 5px;
border: 2px solid black; /* Border untuk mengatur ketebalan garis tepi dan #000000 adalah warna
untuk garis tepi*/
}
.header{
height: 50px; /* Ini Untuk mengatur tinggi di header */
background-color:red;
margin: 10px 10px px
10px;
padding: 5px;
border: 2px solid black; /* Border untuk mengatur ketebalan garis tepi dan #000000 adalah warna untuk
garis tepi*/
}
.bagian-post{
float: right; /* Ini Untuk memposisikan Widget di kiri */
width: 910px; /* Ini Untuk mengatur lebar kotak postingan*/
height:400px;
margin: px px 0;
padding: 10px;
background-color: green;
border:2px solid black;
}
.bagian-widget{
float: left; /* Ini untuk memposisikan Widget di Kanan */
width: 290px;
height:400px;
margin: px px 10px;
padding: 10px;
background-color:#8B0000;
border: solid 2px black;
}
.footer{
width: 800x;
background-color: #006400;
margin: 0 10px 10px 10px;
padding: 10px;
text-align: center; /* Ini untuk memposisikan tulisan berada ditengah atau center */
border: 6px solid black;
}
</style>
</head>
<!-- bagian badan/body nya -->
<body background="maha.jpg">
<div id='wrapper'>
<!-- bagian kepala/ header nya -->
<div class='header'>
</div>
<div id='wrapper'>
<!-- bagian kepala/ header nya -->
<div class='header'>
</div>
<!--Bagian Postingan-->
<div class='bagian-post'>
</div>
<!-- Bagian Widget-->
<div class='bagian-widget'>
</div>
</body>
</HTML>
Tidak ada komentar:
Posting Komentar