[Beta Plus] Hiệu ứng cho đường viền và nick ở phần comment

[olympia41124]

[Chỉ khi nào bạn đăng ký và kích hoạt tài khoản bạn mới nhìn thấy link. ]


Trước khi bắt đầu bài viết thì olympia xin nhắc trước là hiệu ứng viền trong bài viết này hiển thị tốt nhất khi bạn đã trong suốt phần comment. Xem bài sau để biết rõ hơn >>> [Chỉ khi nào bạn đăng ký và kích hoạt tài khoản bạn mới nhìn thấy link. ] Tất nhiên là nếu bạn không trong suốt phần comment thì vẫn có thể sử dụng code trong bài viết này những nói chung nó sẽ không đẹp như khi trong suốt


Đây là khung comment sau khi trong suốt


[Chỉ khi nào bạn đăng ký và kích hoạt tài khoản bạn mới nhìn thấy link. ]


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

.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

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

[Chỉ khi nào bạn đăng ký và kích hoạt tài khoản bạn mới nhìn thấy link. ]


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


[Chỉ khi nào bạn đăng ký và kích hoạt tài khoản bạn mới nhìn thấy link. ]


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

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

[Chỉ khi nào bạn đăng ký và kích hoạt tài khoản bạn mới nhìn thấy link. ]


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


[Chỉ khi nào bạn đăng ký và kích hoạt tài khoản bạn mới nhìn thấy link. ]


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

#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

.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

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

[Chỉ khi nào bạn đăng ký và kích hoạt tài khoản bạn mới nhìn thấy link. ]


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


[Chỉ khi nào bạn đăng ký và kích hoạt tài khoản bạn mới nhìn thấy link. ]

.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


[Chỉ khi nào bạn đăng ký và kích hoạt tài khoản bạn mới nhìn thấy link. ]

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

Trong các code trên thay Link hình mà bạn muốn. Có thể tham khảo các hình ở đây >>> [Chỉ khi nào bạn đăng ký và kích hoạt tài khoản bạn mới nhìn thấy link. ]



Written by olympia41124 - [Chỉ khi nào bạn đăng ký và kích hoạt tài khoản bạn mới nhìn thấy link. ]

[s4d_m3m0ri3s]

hay wé...e đang cần cái này fải qua blog của a copy mới đc

[s4d_m3m0ri3s]

anh ơi cho em xjn code viền avartar của khách trong khung comment được ko? ko thì cho em tên phần đấy cũng đc

[olympia41124]

anh ơi cho em xjn code viền avartar của khách trong khung comment được ko? ko thì cho em tên phần đấy cũng đc

Xem bài viết sau nhé >>> [Chỉ khi nào bạn đăng ký và kích hoạt tài khoản bạn mới nhìn thấy link. ]

[hoangsterven]

kô có code hiệu ứng nút luu hủy bạn nhỉ

[vi_saothe77]

kô có code hiệu ứng nút luu hủy bạn nhỉ

có code hiệu ứng nút lưu hủy đấy :

[Chỉ khi nào bạn đăng ký và kích hoạt tài khoản bạn mới nhìn thấy link. ]

đây là bài viết tại from mình copy về chia sẽ cho các blogger khác

[olympia41124]

có code hiệu ứng nút lưu hủy đấy :

[Chỉ khi nào bạn đăng ký và kích hoạt tài khoản bạn mới nhìn thấy link. ]

đây là bài viết tại from mình copy về chia sẽ cho các blogger khác

Nhắc nhở bạn nhé Nếu đua link hãy đưa link trong 4rum, không nên đưa link về blog của bản thân. Vì như thế cũng là một hình thức quảng cáo blog