Menukar Kedudukan Sidebar Daripada Kanan Ke Kiri Wednesday, 7 December 2011, 12:21, Add comment (0)
A S S A L A M U A L A I K U M
1. Dashboard > Design > Edit Html > *Tick expand widget
2. Press Ctrl+F dan search kod ni
#main-wrapper {3. Dan dibawah #main-wrapper { awak akan nampak kod begini kan?
margin-$endSide: 14px;
width: 464px;
float: $endSide;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
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 */
}
EXAMPLEmargin-$startSide: 14px;
width: 464px;
float: $startSide;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
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 */
}
5. Lepastu korang search kod ni pulak
#sidebar-wrapper {6. Bawah kod #sidebar-wrapper { korang akan nampak kod begini
margin-$startSide: 14px;
width: 240px;
float: $startSide;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
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 */
}
7. Yang aina warnakan merah tu, korang tukarkan kepada end..
8. Fuhhhh...Ok..dah siap..preview dulu takut karang rosak..Kalau rasa-2 ok Save..
EXAMPLE
margin-$endSide: 14px;
width: 240px;
float: $endSide;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
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 */
}