Code Thay nền cho phần comment ở mỗi bài viết

Ngày mùng 1 tháng 9 plus của chúng ta có thay đổi cho phần comment trong entry . Tức là phần code cũ như thay nền,      tạo viền cho mục comment màOlym đưa ra trước đó đã không còn hiệu quả nữa . Mà có một chút xíu thay đổi nho nhỏ .Nghĩ là sẽ có 1 số bạn khắc phục đc và đưa bài hd lên blog .Nhưng đến nay vẫn còn nhiều người hỏi mình về code trang trí cho phần này quá nên hôm nay dù muộn sau hơn 1 tháng .Mình xin đc đăng bài hd này lên để mọi người dựa vào đó và trang trí thay thế lại code cho mục comment này

1_Đầu tiên là code thay hình nền cho toàn trang comment

Code :

#comments-listing{background:url(Linh Hình Nền) top center;}

2_ Code hiện hình nền khi dê chuột vào từng mục comment của khách :

#comment_container li:hover{background:url(Link Hình nền) top center;}

Trong đó mục Link Hình Nền là mục chèn link ảnh mà bạn chọn .Vì dụ là :

#comments-listing{background:url(http://img339.imageshack.us/img339/5237/rosec.gif) top center;}

3_ Đường viền Cho toàn bộ khung bình luận :

#comment-list {border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;border-top-style:solid;border-right-style:dotted;border-bottom-style:dotted;border-left-style:dotted;border-top-color:#Mã_Màu;border-right-color:#Mã_Màu;border-bottom-color:#Mã_Màu;border-left-color:#Mã_Màu;}

Mục Mã_Màu là mục thay thế mã màu mà bạn thích .Nếu chưa biết lấy mã màu ở đâu thì bấm vào google nứ

Solid : là kiểu đường viền,Ngoài ra bạn còn có thể thay bằng : none    hidden     dotted     dashed     solid    double    groove    ridge    inset    outset

4_Viền Cho Phần Comment Của Khách

#comment-list .bd ol li {border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;border-top-style:dotted;border-right-style:dotted;border-bottom-style:dotted;border-left-style:dotted;border-top-color:#Mã_Màu;border-right-color:#Mã_Màu;border-bottom-color:#Mã_Màu;border-left-color:#Mã_Màu;}

5_Viền Cho Phần Trả Lời Comment Của Chủ Blog ;

#comment-list .bd ol li.comment-reply{border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;border-top-style:dotted;border-right-style:dotted;border-bottom-style:dotted;border-left-style:dotted;border-top-color:#Mã_Màu;border-right-color:#Mã_Màu;border-bottom-color:#Mã_Màu;border-left-color:#Mã_Màu;}

6_ Căn Chỉnh Cho Phần Comment Của Chủ Blog Và Khách Cân Đối Nhau :

#comment-list .bd ol li.comment-reply{margin-left:0px!important;}

6_ Thay Đổi Avatar Cho Chủ Blog Trong Mục Comment :

Phần này không quan trọng lắm .Ai thích thì thay .Hok có thể bỏ qua

.comment-reply .user img {height:0px;}
.comment-reply {background:transparent url(Link Hình Avatar) 0 0px no-repeat!important;padding:0 0 0 0px!important;}/*khoc_tham_2506*/

Vậy là hoàn tất phần trang trí phần comment trong entry rồi đó . bạn nào còn thắc mắc xin vui lòng đặt câu hỏi vào bên dưới mục comment của entry này .Chúc thành công