Breaking

Tuesday, May 28, 2013

Blogspot Label - Sắp xếp danh sách label theo cột

Nếu bạn muốn label theo cột có hàng lối ngay ngắn thì rất đơn giản, đó chỉ là mẹo áp dụng css cho thành phần hiển thị label.

.label li {width:50%; float:left;}
Có một mẹo chỉnh sửa nhanh các thành phần theo ý muốn là với trình duyệt chrome, bấm chuột phải chọn Inspect element, khi xuất hiện khung code, bạn cứ edit thoãi mái đến khi được ưng ý thì mới vào template để sửa chính thức.
Không phải thủ thuật nào cũng cứng nhắc cho tất cả các website, vì mỗi website có thể cách đặt tên cho các thành phần không giống nhau. Với cách làm này ta có thể tự chủ trình bày bất kỳ thành phần nào muốn hiển thị.
Ví dụ bây giờ tôi muốn hiển thị số bài đăng ở đầu dòng và tạo khoảng cách đều với các label.
Tôi bấm chuột phải vào số bài đăng và chọn Inspect element.
Đến đây chúng ta nhận thấy rằng thành phần quy định hình thức của số này được đặt tên là .label-count.
Vậy ta sẽ css vào .label-count

đến khi thấy ưng ý, ta chính thức thêm css vào template.

thaoj!

No comments:

Post a Comment