pertama kamu harus paham apa itu Header, Outer dan Footer.
#main-wrapper -adalah tempat posting(entri)
#sidebar-wrapper-adalah widget atau gadget tempat menyimpan perhiasan Blog(acsesories Blog)
#outer-wrapper- adalah luas keseluruhan daripada blog kamu,
contoh untuk melebarkan sidebar ,
/* Outer-Wrapper
—————————————— */
#outer-wrapper {
width: 840px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 220px;
float: right;word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
Lebar main-wrapper 410px sedangkan lebar sidebar-wrapper 220px,
jika yang ingin di lebarkan sidebar-wrapper maka lebar main-wrapper di kurangi contoh,
sidebar wrapper 250px ( ditambah 30px ) , main wrapper di kurangi 30px , jadi nilai main wrapper = 380px, begitu juga sebaliknya,
tapi jika ingin melebarkan main wraper sedangkan sidebar-wrapper tetap maka kamu harus lebarkan
outer-wrapper,misalnya main-wrapper 410px+10px jadi 420px maka outer-wrapper 840px+10px jadi
850px,begitu juga sebaliknya bila yang ingin di lebarkan sidebar-wrapper tinggal tambahkan saja outer-wrapper, oke segitu dulu penjelasannya
0 komentar:
Posting Komentar