Lần trước mình đã post bài Thay nền
comment cho mỗi Entry, tuy nhiên bài này do viết cũng khá vội vàng, nên
vẫn còn nhiều thiếu sót... Gần đây thấy một số bạn cũng khá thắc mắc
chỉnh màu chữ cho phần comment này, vì mặc định sẽ là màu nâu sẫm, khi
làm trong suốt đối với một số nền sẽ không thấy được. Vì vậy hôm nay
post bài này, cũng coi như là tổng hợp một số tùy chỉnh cho nền comment
này !!
1> Làm trong suốt tòan bộ nền comment :Muốn làm trong suốt tòan bộ nền comment của Entry, các bạn có thể dùng Code sau, paste vào CSS nhe :
Code
.cmt-mod-alist
#comments-listing .extend-hd, .cmt-mod-alist #comments-listing
.extend-bd .alist-comment {background:none;}
.alist-comment #comment_container *, .cmt-mod-alist #comments-listing ,
.cmt-mod-alist #comments-listing .alist-comment {background:none;} |
2> Thay nền comment :Đối với một số bạn, thì lại thích thay nền phần này, vì vậy mình cũng cung cấp code cho các bạn thay như sau :
Code
.cmt-mod-alist #comments-listing .extend-hd, .cmt-mod-alist
#comments-listing .extend-bd .alist-comment {background:none;}
.cmt-mod-alist #comments-listing , .cmt-mod-alist #comments-listing
.alist-comment {background:none;}
.mod-alist-full .alist-comment li {background:transparent
url(Link Ảnh);}
|
3> Thay đổi màu sắc khung viền của comment :Đây là Code thay đổi màu sắc, kích thước các border xung quanh Comment :
Code
| .mod-alist-full .alist-comment li {border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;border-top-style:inset;border-right-style:inset;border-bottom-style:inset;border-left-style:inset;border-top-color:#fff;border-right-color:#fff;border-bottom-color:#fff;border-left-color:#fff;} |
- Width : Các bạn có thể thay 2px bằng kích thước mình muốn ( 1 , 3 ,4 hay 5 gì tùy thích )
- Color : Thay #fff bằng mã màu mong muốn
4> Màu chữ, link trong comment :Để thay màu sắc chữ và link trong ô comment các bạn có thể dùng Code sau :
Code
| #comment_container * a {color:#ma_mau;}
#comment_container * .content {color:#ma_mau;}
#comments-listing * ins {color:#ma_mau;} |
- #ma_mau : là màu link.
- #ma_mau : là màu chữ
- #ma_mau : là màu của dòng : "cách đây... fút"
Thay các dòng
#mã_màu bằng mã màu mình thích nhé !!
Vậy là xong rồi đó !! Hy vọng bài viết có ích cho các bạn nhé .
Copyright by
Tam Thiếu Hiệp'sblog
