Đổi màu quét khối mặc định với CSS3


Blogger
Nếu Blog của bạn được thiết kế sử dụng một phông màu nhất định để mang phong cách riêng, vậy tại sao không thay đổi màu sắc của đoạn quét khối cho đồng bộ! Một chút ngôn ngữ CSS bên dưới đây sẽ giúp bạn đấy.
  1. Đăng nhập vào Blogger > Layout > Edit HTML (không cần Mở rộng Mẫu tiện ích).
  2. Tìm thẻ ]]></b:skin> trong template, và thêm phía trên nó đoạn code sau :
    ::-webkit-selection {
        background: #FF9933;
        }
    ::-moz-selection {
        background: #FF9933;
        }
    Lưu ý : Bạn có thể dùng mã màu khác tùy vào Blog của mình.
  3. Save lại template. Vậy là bạn đã thiết lập được hiệu ứng đổi màu quét khối.
  4. Code ở bước 2 sẽ thay đổi màu của bất kì đoạn quét khối nào. Nếu chỉ muốn thay đổi 1 đoạn chỉ định, bạn hãy sử dụng mã sau :
    .color::-webkit-selection {
        background: #FF9933;
    }
    .color::-moz-selection {
        background: #FF9933;
    }
    kèm theo cú pháp :
    <div class="color">Nội dung</div>
Bạn có thể xem screenshot dưới đây để thấy kết quả :

Kết quả

Hy vọng chút thủ thuật nhỏ này sẽ khiến Blog bạn trở nên hoàn thiện hơn. Chúc vui !

2 Nhận xét on "Đổi màu quét khối mặc định với CSS3"

Pika Rock on 7 August 2009 at 17:49 said...

dạo này nghịch CSS thích quá \:D/ CSS3 vô địch

boyproDX on 7 August 2009 at 22:58 said...

CSS3 FTW \:D/

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

Cám ơn bạn đã đọc bài viết tại blog của boyproDX.
Nếu cảm thấy blog có nhiều bài hữu ích , các bạn hãy Bookmark(nhấn Ctrl_D) hoặc Đăng kí nhận tin qua RSS site mình để không bỏ qua các bài viết tiếp theo của mình. Chúc các bạn vui vẻ !

Logo Exchange (Tạm ngưng)

 

Chuyên trang blog về tin học | Copyright © 2009 | Best view at 1024x768 with Firefox 3