Phần comment của bạn bè trong bài viết có vẻ như khi ta
làm trong suốt thì không được đẹp và không rõ ràng lắm, vì nó trùng màu
nền với bài viết. Vậy nên nếu ai muốn nó có sự khác biệt rõ ràng với
Bài viết thì dùng 1 trong 3 cách sau nhé, nhưng trước hết ngó qua cái
chú thích:
Chú thích trong code:
+ Link ảnh nền: Thay link hình bạn
muốn, hình nền cho phần này chiều rộng tầm 600~700px, chiều dài
thì lấy từ 350px trở lên, tùy theo cách
+ Bottom : là canh đặt hình nền từ
dưới lên, bạn nào muốn hiển thị phần trên của tấm hình nền trước thì
sửa lại thành Top
Cách 1: Code
đặt ảnh nền riêng từng khung comment bài viết
Quote:
#comment_container li {background:transparent url(link ảnh nền) center bottom!important;}
|
Minh họa:
- b/ Hiệu ứng rê chuột cho cách 1:
Quote:
#comment_container li:hover {background:transparent url(link ảnh nền) center bottom!important;}
|
Minh họa khi rê chuột:
Cách 2: Code
đặt ảnh nền chung cho tất cả comments bài viết
Quote:
#comment_container {background:transparent url(link ảnh nền) center bottom!important;}
|
Minh họa:
- b/ Hiệu ứng rê chuột cho cách 2
Quote:
#comment_container:hover {background:transparent url(link ảnh nền) center bottom!important;}
|
Minh họa khi rê chuột:
Cách 3: Code
đặt ảnh nền chung cho tất cả comments bài viết kéo dài đến hết Yahoo
cập nhật:
Quote:
.cmt-mod-alist .comments-listing .bd {background:transparent url(link ảnh nền) center bottom!important;} |
Minh họa:
- b/ Hiệu ứng rê chuột cho cách 3
Quote:
.cmt-mod-alist .comments-listing .bd:hover {background:transparent url(link ảnh nền) center bottom!important;} |
Minh họa khi rê chuột:
Nếu các bạn muốn làm mất cái Yahoo Cập
nhật thì thêm code này vào
Quote:
#disclosure .updates-disclosure {display:none!important;} |
Chúc các bạn tìm được ảnh nền ưng ý cho phần comment bài viết