Kết quả 1 đến 1 của 1
-
23-02-14, 08:02 AM #1
- Ngày tham gia
- Sep 2011
- Đang ở
- Localhost
- Bài viết
- 229
- Thanks
- 101
- Thanked 36 Times in 27 Posts
Thay đổi thanh trượt vbb theo ý thích của bạn bằng css
Trên chrome đã nhé, trên các trình duyệt khác thì mình chưa check
( ở đây mình dùng kiểu 2 trong 3 kiểu mà mình đã demo ảnh ở dưới )
Demo ảnh:
[Only registered and activated users can see links. ]
Đầu tiên là với kiểu 1
Vào admincp -> search in template -> additional.css
thêm vào cuối cùng:
Kiểu 1:
PHP Code:
::-webkit-scrollbar { width: 8px; height: 3px;} ::-webkit-scrollbar-button { width: 0px; height: 0px; } ::-webkit-scrollbar-track { background-color: #999;} :ebkit-scrollbar-track-piece { background-color: #ffffff;} :ebkit-scrollbar-thumb { height: 50px; background-color: #0000ff; border-radius: 3px;} :ebkit-scrollbar-corner { background-color: #999;}} :ebkit-resizer { background-color: #666;}
Kiểu này thì cái viền dưới sẽ đc bo hơi vòm vào 1 tí, vì skin là skin dạng metro nhái theo win 8 nên mình thích nó bằng phẳng hơn, vì thế mình ko bo tròn nữa, xóa cái đoạn
Code:
border-radius: 3px;
ở trong webkit-scrollbar-thumb đi là đc, màu của thanh cuộn các bạn cũng có thể thay đổi ở dòng này
Như vậy code kiểu 2 của chúng ta là
Kiểu 2:
PHP Code:
::-webkit-scrollbar { width: 8px; height: 3px;} ::-webkit-scrollbar-button { width: 0px; height: 0px; } ::-webkit-scrollbar-track { background-color: #999;} :ebkit-scrollbar-track-piece { background-color: #ffffff;} :ebkit-scrollbar-thumb { height: 50px; background-color: #0000ff; } :ebkit-scrollbar-corner { background-color: #999;}} :ebkit-resizer { background-color: #666;}
thay phần
Code:
:ebkit-scrollbar-button { width: 0px; height: 0px; }
xóa các phần chiều dài và chiều rộng đi và thay bằng mã màu cho cái nút ấy chẳng hạn, ta có kiểu 3
Kiểu 3:
PHP Code:
::-webkit-scrollbar { width: 8px; height: 3px;} ::-webkit-scrollbar-button { background-color: #0000ff; } :ebkit-scrollbar-track { background-color: #999;} :ebkit-scrollbar-track-piece { background-color: #ffffff;} :ebkit-scrollbar-thumb { height: 50px; background-color: #0000ff; } :ebkit-scrollbar-corner { background-color: #999;}} :ebkit-resizer { background-color: #666;}
Sau đây là chi tiết các thành phần mà chúng ta vừa chỉnh sửa cho các bạn muốn tùy biến 1 kiểu nào đó khác
[Only registered and activated users can see links. ]Khách viếng thăm hãy cùng ShineGhost xây dựng diễn đàn CLBGAMESVN vững mạnh nhé!
Các Chủ đề tương tự
-
[KT] Hướng dẫn gọi boss ra theo giờ đặt và thay đổi câu lệnh gọi boss
Bởi satthupro95 trong diễn đàn ReleasesTrả lời: 16Bài viết cuối: 28-05-23, 09:38 AM -
[KT] Cho em hỏi cách thay title của game nằm ở thanh màn hình
Bởi sidanlovehan trong diễn đàn Hỏi Đáp/ Yêu CầuTrả lời: 5Bài viết cuối: 23-06-13, 12:25 PM -
Hướng dẫn Thay đổi Thanh Hp( Thanh Máu Trong Gunz Offline)
Bởi kiddj trong diễn đàn Gunz OnlineTrả lời: 2Bài viết cuối: 08-11-10, 09:38 PM -
Album Thanh Lam - Thanh Lam Acoustic (320kbps).
Bởi DaDuyTeo trong diễn đàn [Mp3 Album] Thư Viện Âm NhạcTrả lời: 0Bài viết cuối: 22-06-09, 07:55 PM