2008-03-20

Thủ thuật blog Opera: 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)

Theo: XuanCuongyb

Related Posts




7 comments:

Unknown nói... [Reply]

Anh ơi, cái Preference nằm ở chỗ nào ạ?

Hung Nguyen nói... [Reply]

Do Opera đã có sự thay đổi về câu chữ, bạn vào Design nhé.

Nặc danh nói... [Reply]

main.css nằm ở đâu thế anh?

Hung Nguyen nói... [Reply]

Nó chính là link "custom style sheet" đấy bạn.

Nặc danh nói... [Reply]

làm rồi nhưng hem đc

Nặc danh nói... [Reply]

a hung oi.
e cung click vao CUstom style sheet ma chi thay hien ra dong chu :Enter CSS thoi.Vay Main.css nam o dau vay a.jup e voi.thank a H nhieu

Nặc danh nói... [Reply]

mình thấy một số ít blog nước ngoài
trang index thấy sidebar bên phải, khi xem bài viết thì nó lại nằm bên trái.
chưa hiều là thế nào!

Đăng nhận xét

Phần Mềm Miễn Phí

Google

Thủ Thật Blogger

Themes - Templates