Thay đổi màu của thanh cuộn scrollbar

Khi thiết kế blog, muốn đẹp thì màu sắc cũng phải theo một tông màu nào đó, nếu bạn muốn thay đổi màu của thanh cuộn cho hợp với blog thì phải làm sao? Hôm nay chúng ta cùng tìm hiểu cách làm điều đó bằng css.

#Thêm CSS

1. Đăng nhập Blogger
2. > Mẫu > Chỉnh sửa HTML
3. > Tìm thẻ ]]></b:skin>
4. > Dán 1 trong 2 code dưới vào trên thẻ vừa tìm
/* Colorful Scroll Bar In Blogger Blog */
::-webkit-scrollbar {background:#ffffff;width:12px;}
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);background-image: -webkit-linear-gradient(top, #FF0000 6%, #FF0000 29%);}
::-webkit-scrollbar-track {}
/* Colorful Scroll Bar In Blogger Blog*/
Hoặc
/* 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);
    }
4. > Thay đổi một số mã màu cho phù hợp và Save.

Comments

Post a Comment



» Vui lòng không spam vì nó sẽ bị xóa ngay sau đó.
» Nếu chèn code hãy mã hóa trước khi chèn vào nhận xét.
» Nếu thủ thuật Blog không áp dụng được thì hãy để lại URL blog để mình tiện kiểm tra.