Sabtu, 09 Maret 2013

Tutorial Membuat Thema Website dengan css 3 kolom



ini script htmlnya silahkan di copy

<html>
<head>
<title></title>

<style type="text/css">
body,td,th {
color: #000;
font-weight: bold;
width: 100%;
top: 0px;
background: #FFFFFF;
}

</style>

<head>

<link rel="stylesheet" type="text/css" href="css.css" />
<body>

<body>
<div class="conten">
<div class="conten1"><div class="kiri"><div class="h1"></div>

</div><div class="kiri1"><div class="h1"><div class="t"></div>
</div></div></div>
<div class="kanan1">
  </div>
<div class="right"><div class="h1"></div></div>
<div class="k2"><div class="h1"><div class="t">
    <div align="center">News info</div>
  </div></div></div>
</div>
</body>
</html>

ini script css.css


.conten {
height:auto;
width:940px;
padding:5px;
margin-top:10px;
background:#FFFFFF;
border-radius:10px 10px 0px 0px;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;}
.kanan1 {
height:230px;
width:715px;
margin:0px 0px 0px 225px;
background:#669933;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;}
.k2 {
height:310px;
width:490px;
margin:5px 225px 0px 225px;
background:#669933;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;}
.conten1{
height:auto;
width:215px;
float:left;
}
.kiri {
height:270px;
width:215px;
background:#FFFF99;
border:1px;
border-style:solid;
border-color:#0000FF;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;}
.kiri1 {
height:265px;
width:215px;
margin-top:5px;
background:#FFFF99;
border:1px;
border-style:solid;
border-color:#0000FF;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;}
.right {
height:220px;
width:215px;
float:right;
margin-top:5px;
background:#FFFF99;
border:1px;
border-style:solid;
border-color:#0000FF;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;}
.h1 {
height:30px;
background:url(img/h1.png) repeat-x;
border:1px;
border-style:solid;
border-color:#0000FF;
border-radius:7px 7px 0px 0px;
-moz-border-radius:7px 7px 0px 0px;
-webkit-border-radius:7px 7px 0px 0px;
}
.h2 {
height:30px;
width:100%;}



0 komentar:

Posting Komentar