Thứ Ba, 8 tháng 9, 2009

Cách tạo thêm cột trong trang blog

Bạn đang có cái blog với hai cột, muốn tạo thêm một cột nữa để tiện dụng? Cù lần xin mách nước...
Vô thẻ html, tìm hàng chữ sau: (co thể ấn ctl+F - công cụ tìm kiếm)
#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 */ }(Có thể là chữ #sidebar-wrap)
Copy nguyên cả phần này rồi dán lại ngay dưới nó (Bạn đang tạo thêm một cột mới), nhưng chúng ta phải sửa tí xíu, hãy sửa thành:
#left-sidebar-wrapper (Đặt tên cho sidebar mới) float: left (sidebar sẽ nằm về phía trái của cột chính)
Tìm tiếp hàng chữ: div id="main-wrapper"
Ngay trên hàng chữ này bạn cần dán đoạn code sau đây vào:
(div id='left-sidebar-wrapper') (b:section class='sidebar' id='left-sidebar' preferred='yes'/) (/div)
Nhớ sửa cái dấu ( )thành dấu <>
Bây giờ bạn tìm đến code sau:
/* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 660px; margin:0 auto; padding:10px; text-align:left; font: $bodyfont; }
Sửa lại chiều rộng của trang là 880px (hoặc có thể lớn hơn)
Tìm đoạn code sau để mở rộng phần chứa tiêu đề:
#header-wrapper { width:880px; margin:0 auto 10px; border:1px solid $bordercolor; }

Hãy thử xem!
Tham khảo thêm ở bloggerbuster.com
Cù lần tui đã dùng chiêu này để giải phẩu thẩm mỹ cái blog của mình và có cái mặt như hiệ thời.

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

Đăng nhận xét