Tên blog

Sửa Đóng

Mặc dù trong tôi vẫn rất yêu em nhưng đành vùi lấp trong sương đêm. Lạnh lùng mong quên đi 1 cái tên cho quên mau đi giấc mơ về em.

Trả lời

Bài mới nhất

Sửa Đóng

Trích dẫn Báo cáo

Trang trí cho phần comment

Thư mục: Thủ thuật blog plus |

Đăng ngày: 23:37 01-07-2009

1 Làm trong suốt toàn bộ phậ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 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é !!

5 Thay đổi nút "Lưu" "hủy"

Demo:

Code

.cmt-mod-alist .add-comment em.buttons input{color:#000000;height:Apx;text-align:center;background:url(Link) no-repeat;}

A: chiều cao của hình các bạn tham khảo icon Một số icon đẹp