Tạo thanh cuộn màu scrollbar color toàn trang web


Rèn Luyện Tư Duy - Thủ thuật này giúp bạn tạo một thanh cuộn  scrollbar color bên phải với màu sắc, độ rộng tùy chỉnh. Các bạn có thể xem thanh cuộn blog Rèn Luyện Tư Duy.

Hướng dẫn:

Bước 1: Các bạn vào mẫu và dán đoạn code bên dưới trên thẻ ]]></b:skin>
Bước 2: Các bạn hiện chỉnh lại màu sắc bằng mã màu khác với những đoạn code mình đã tô đậm
/* Webkit override Scrollbar with CSS3 */
::-webkit-scrollbar {
width: 8px; height:8px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
background:#fff;
}
::-webkit-scrollbar-thumb {
background: rgba(186,35,35,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(186,35,35,0.4);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    }
Chúc bạn thành công!
11:41:00 0

CHIA SẺ NGAY:



ĐỀ XUẤT TỪ TÁC GIẢ:
Một số lưu ý khi bình luận

> Mọi bình luận sai điều khoản sử dụng sẽ bị xóa mà không cần báo trước.

> Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi Admin phản hồi.

> Khi xuất bản bài viết chắc chắn không tránh khỏi lỗi về chính tả, cú pháp.

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


Chiến Lược Marketing