Saturday, June 16, 2012

CSS Layout Fixed 1 Colomn No Navigation

Posted by dav On 3:57 PM
CSS Layout Fixed 1 Colomn No Navigation - Oke saya akan coba share sedikit hal yang saya tahu, sekarang kita akan mencoba membuat layout blog super fast dan simple. Ini hanya sebagai dasarnya saja. CSS Layout Fixed 1 Colomn No Navigation adalah membuat sebuat gambaran template tanpa Navigation sehingga hanya ada header, main-wrapper dan footer saja. jadi hanya 1 colomn saja.

Berikut ini gambaran dari CSS Layout Fixed 1 Colomn No Navigation :
Pasti anda sudah punya gambarannya kan.
Sehingga script yang bisa kamu pake adalah seperti ini :
body {
width:750px;
margin:0 auto;
margin-top:30px;
}
/* ----- HEADER ----- */
#header {
width:750px;
height:150px;
background-color:#333333;
}
/* ----- MAIN CONTENT ----- */
#content {
width:750px;
background-color:#333333;
margin-top:10px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
}
/* ----- FOOTER ----- */
#footer {
width:750px;
height:100px;
background-color:#333333;
margin-top:10px;
}
Silahkan anda sesuaikan ukuran dengan size yang anda inginkan di blog anda, warna juga bisa anda ganti dan menyesuaikan dengan selera anda.

Selamat berekperimen.