| [Phần comment Bài viết] Đặt ảnh nền và hiệu ứng rê chuột | |
|
|
|
|
SMod | | | Bài gửi : 1224 Tài Sản : 1000 Thanks : 65 |
|
[Phần comment Bài viết] Đặt ảnh nền và hiệu ứng rê chuột
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
#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:
#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
#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
#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:
.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
.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
#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 :)
|
|
| [Phần comment Bài viết] Đặt ảnh nền và hiệu ứng rê chuột | |
|
Trang 1 trong tổng số 1 trang |
|
|
Permissions in this forum: | Bạn không có quyền trả lời bài viết
| |
|
|