Hướng Dẫn Định Dạng Thanh Trượt Cho Blogspot
Sau đây Blog Team Loli xin giới thiệu với các bạn một thủ thuật nhỏ giúp trang trí Blogspot của bạn thêm hoàn thiện hơn nhé.
Có bao giờ bạn vào một trang web thấy thanh trượt (scrollbar) của nó khá nổi bật và đẹp mắt mà không biết áp dụng trên blog của mình như thế nào không? Thật ra cách làm cũng rất đơn giản. Bạn chỉ cần làm theo các bước sau:DEMO ở Trang Chủ
height:8px; là chiều cao tối thiểu của thanh trượt (scrollbar)
width:10px; là chiều rộng của thanh trượt (scrollbar)
-webkit-box-shadow:inset 2px 2px 3px #15f305; định dạng đổ bóng cho thanh trượt (scrollbar). Bạn nào không muốn đổ bóng thì cứ để màu trùng với màu của thanh trượt là được nhé.
background:#15f305 là màu của thanh trượt (scrollbar)
Bạn hãy chỉnh lại những thông số trên cho phù hợp với Blog của mình nha!
Chúc thành công!
Có bao giờ bạn vào một trang web thấy thanh trượt (scrollbar) của nó khá nổi bật và đẹp mắt mà không biết áp dụng trên blog của mình như thế nào không? Thật ra cách làm cũng rất đơn giản. Bạn chỉ cần làm theo các bước sau:DEMO ở Trang Chủ
- Vào Mẫu (Template) chọn Chỉnh sửa HTML
- Tìm dòng lệnh ]]></b: skin> và dán đoạn code sau bên trên nó
::-webkit-scrollbar{height:8px;width:10px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 2px 2px 3px #e0e0e0;background:#fff;border:0 solid #000}::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 2px 2px 3px #15f305;background:#15f305}
Trong đó:height:8px; là chiều cao tối thiểu của thanh trượt (scrollbar)
width:10px; là chiều rộng của thanh trượt (scrollbar)
-webkit-box-shadow:inset 2px 2px 3px #15f305; định dạng đổ bóng cho thanh trượt (scrollbar). Bạn nào không muốn đổ bóng thì cứ để màu trùng với màu của thanh trượt là được nhé.
background:#15f305 là màu của thanh trượt (scrollbar)
Bạn hãy chỉnh lại những thông số trên cho phù hợp với Blog của mình nha!
Chúc thành công!
Hướng Dẫn Định Dạng Thanh Trượt Cho Blogspot
Reviewed by tuanluong2000
on
23:49
Rating:
Không có nhận xét nào: