3.11.08

Thay đổi bố cục SIDEBAR trong blog Opera

Bài 2: Thay đổi bố cục SIDEBAR
- Sidebar chính là cái thanh bên phải của trang blog Opera (mặc định), tuy nhiên các bạn có thể thay đổi nó sang "bên trái" cho nó giống một trang web.
- Thực hiện như sau:
1. Vào phần Preference của blog, vào phần web page layout> custom style sheet> main.css
2. Bạn cần tìm đoạn code sau đây trong file main.css:

#mainwrap {
FLOAT: left;
PADDING-BOTTOM: 12px;
WIDTH: 100%;
MARGIN-RIGHT: -210px
}
#main {
MIN-HEIGHT: 400px;
PADDING-BOTTOM: 15px;
MARGIN-RIGHT: 210px
}
#sidewrap {
FONT-SIZE: 11px;
FLOAT: right;
OVERFLOW: hidden;
WIDTH: 190px
}
Phần in đậm trong 2 đoạn code xác định vị trí của mainwrap và sidewrap, lần lượt là bên trái (float: left) và bên phải (float: right).

Trước tiên, bạn cần thay đổi giá trị của thông số này, để cho mainwrap nằm bên phải (đổi thành float: right) và sidewrap nằm bên trái (float: left).

Tiếp theo, bạn chú ý đoạn in nghiêng trong 2 đoạn code mainwrap và main; thông số này để xác định lề phải của mainwrap (margin-right), bạn cần sửa lại thành lề trái (margin-left)

Không có nhận xét nào:

Đăng nhận xét