[Code Css 360 New Plus] Trang Trí cho phần comment ở mỗi bài viết

1_Có 3 cách chèn nền cho phần comment ở mỗi bài viết. 

a_Chèn nền cho từng phần comment 




Code cho cách này

Quote:
#comment_container li{background:url(Link hình) top center;}/*olympia41124*/

B_Chèn nền toàn bộ khu vực comment




Code cho cách này

Quote:
#comments-listing .alist-comment{background:url(Link hình) top center;}/*olympia41124*/
#comment_container li{background:transparent;}/*vietnam360plus.com*/

C_Hoặc có thể chèn kết hợp cả 2 phần


Code cho cách này

Quote:
#comments-listing .alist-comment{background:url(Link hình) top center;}/*olympia41124*/
#comment_container li{background:url(Link hình) top center;}/*vietnam360plus.com*/
Lưu ý là link hình ở dòng trên sẽ bị che một phần bởi link hình dòng dưới

Trong tất cả các code trên thay Link hình bằng link hình bạn muốn và nên có chiều ngang hình là 750px.

2_Hiệu ứng cho đường viền và nick ở phần comment

Để thay đường viền bao quanh comment thì sử dụng code sau

Quote:
.mod_all .cmt-mod-alist .alist-comment ul li{border-top:1px dashed #fff;border-right:1px dashed #fff;border-left:1px dashed #fff;border-bottom-style:dashed;border-bottom-color:#fff; border-bottom-width:1px;}/*olympia41124*/

Để thay đường viền ngăn cách giữa phần comment của khách và comment trả lời của chủ blog dùng code sau

Quote:
.cmt-mod-alist .alist-comment .responding{border-top:1px dashed #fff;}/*olympia41124*/




Khi đó ở dưới cùng tất cả comment vẫn còn 1 đường viền "lạc loài" nữa





Sử dụng code sau để thay đổi 

Quote:
.cmt-mod-alist .add-comment{border-top:1px dashed #fff;}/*olympia41124*/




Ngoài ra phần toolbar comment và soạn thảo comment có những đường viền có thể thay đổi





Sử dụng code sau thay viền toolbar comment

Quote:
#bd .rte_container{border-style:none;}/*olympia41124*/
#bd .rte_toolbar{border-top:1px dashed #fff;border-right:1px dashed #fff;border-left:1px dashed #fff;}/*vietnam360plus.com*/

Sử dụng code sau để thay viền phần soạn thảo comment

Quote:
.rte_editor, .rte_src_editor{border-top:1px dashed #fff;border-right:1px dashed #fff;border-left:1px dashed #fff;border-bottom-style:dashed;border-bottom-color:#fff;border-bottom-width:1px;}/*olympia41124*/

Ngoài ra nếu muốn xóa các đường gạch dọc phân cách ở toolbar comment thì dùng code sau

Quote:
.rte_btn .rte_btn_sep{border-style:none;}/*olympia41124*/




Lưu ý là tất cả code viền trên là mẫu tham khảo. Các bạn có thể thay đổi code tùy biến theo ý thích. Trong đó

dashed là kiểu viền, có thể thay dashed bằng dotted, solid, double, groove, ridge, inset, outset, inherit
#fff là mã màu của viền, có thể thay bằng màu khác
1px là độ "dày" của viền, có thể thay bằng số khác


Ngoài đường viền ở phần comment thì ta còn có thể trang trí cho các nick hiệu ứng bắt mắt 





Quote:
.cmt-mod-alist .alist-comment h4 a{background:transparent url(Link hình) top center;}/*olympia41124*/

Hoặc có thể áp dụng cho toàn phần đầu của nick





Quote:
.cmt-mod-alist .alist-comment h4{background:transparent url(Link hình) top center;}/*olympia41124*/



Writtenby olympia41124 - http://forum.vietnam360plus.com 

Nguồn : http://forum.vietnam360plus.com/showthread.php?t=1382

Nguồn : chúng tôi sưu tầm từ nhiều nguồn

Không có nhận xét nào

Một số lưu ý khi bình luận

Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời.

Để bình luận một đoạn code, hãy mã hóa code trước nhé!

» Cảm ơn bạn đã ghé thăm websitemika.com
» Nếu có thắc mắc hay góp ý, bạn hãy để lại một góp ý !
» Vui lòng đăng những góp ý lịch sự và gõ tiếng Việt có dấu nếu có thể
HƯỚNG DẪN ĐĂNG THÔNG TIN GÓP Ý :
Bước 1 – Gõ nội dung bạn cần góp ý tới chúng tôi.
Bước 2 - Xử lý mục " Nhận xét với tư cách "
Cách 1 : - Chọn Tên/URL: Gõ tên và địa chỉ blog bạn vào.Nếu không có tài khoản, bạn vẫn có thể nhận xét bằng cách Chọn hồ sơ là Tên/URL hay Ẩn danh. Tuy nhiên bạn nên chọn Tên/URL với URL có thể để trống để cho chúng tôi biết bạn là ai. Bạn vui lòng gõ tiếng Việt có dấu để mọi người không hiểu nhầm so thành sờ, mo thành mò.
Cách 2 : - Chọn Ẩn danh.
Bước 3 - Xem trước: Tuỳ, Bạn là người cẩn thận cần xem lại nội dung Bạn đã gõ (rất cần nếu Bạn có nhập mã, để xem nó hiển thị có đúng không).
Bước 4 - Nên nháy chuột vào nội dung, bấm phím Ctrol + A rồi Ctrol + C nhằm copy nội dung - Đề phòng lỡ hệ thống đăng góp ý trục trặt hoặc mạng rớt, ta có thể Ctrol + V dán đăng lại góp ý để khỏi tốn thời gian!
Bước 5 – Lick vào Button : Đăng nhận xét . Vậy là xong,góp ý của các bạn sẽ được Admin kiểm duyệt và cho đăng trong vòng 12h.Cảm ơn các bạn đã góp ý !

GIỚI THIỆU ĐẾN QUÝ KHÁCH MỘT SỐ DỰ ÁN SẼ THỰC HIỆN TRONG NĂM 2018


DANH MỤC BÀI ĐĂNG - KHÁCH MUỐN XEM NỘI DUNG GÌ LICK VÀO TIÊU ĐỀ ẤY


WEBSITEMIKA - THƯƠNG HIỆU UY TÍN BỞI HƠN 300 DOANH NGHIỆP VÀ CÁC THƯƠNG HIỆU VỪA VÀ NHỎ LỰA CHỌN
Điểm giao dịch: Online 24h
-Email: Setup247@gmail.com - Website: https://thietkeweb.mikalaza.com