| Plus Beta [Hiệu ứng cho đường viền và nick ở phần comment] | |
|
|
|
|
SMod | | | Bài gửi : 1224 Tài Sản : 1000 Thanks : 65 |
|
Plus Beta [Hiệu ứng cho đường viền và nick ở phần comment]
- Đây là phần Hiệu ứng đường viền Lu mới cập nhật từ Olymbia - Các bạn nên làm trong suốt rồi dùng thì trông sẽ đẹp hơn,tất nhiên bạn không cần làm trong suốt cũng không sao nhưng trông không đẹp lắm.
- Đây là khung comment sau khi trong suốt :
1/
Để 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 |
2/ Để 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;} |
3/ Khi đó ở dưới cùng tất cả comment vẫn còn 1 đường viền "lạc loài" nữa:
- Ta dùng Code sau để thay đổi :
.cmt-mod-alist
.add-comment{border-top:1px dashed #fff;} | - Sau khi dùng Code trên :
- Ngoài ra phần toolbar comment và soạn thảo comment có những đường viền có thể thay đổi :
4/ Code thay viền toolbar comment:
#bd .rte_container{border-style:none;} #bd .rte_toolbar{border-top:1px dashed #fff;border-right:1px dashed #fff;border-left:1px dashed #fff;} |
5/ Code để 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;}
| 6/ Code xóa các đường gạch dọc phân cách ở toolbar comment :
.rte_btn .rte_btn_sep{border-style:none;} |
- 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
7/ Code trang trí cho các nick có hiệu ứng bắt mắt :
.cmt-mod-alist .alist-comment h4 a{background:transparent url(Link hình) top center;} | - Hoặc có thể áp dụng cho toàn phần đầu của nick:
.cmt-mod-alist
.alist-comment h4{background:transparent url(Link hình) top center;} | ------------------o0o------------------- Tham khảo thêm :
------------------o0o------------------- Chúc
các bạn có 1 Blog đẹp ^_^ ----------------o0o---------------
|
|
| Plus Beta [Hiệu ứng cho đường viền và nick ở phần comment] | |
|
Trang 1 trong tổng số 1 trang |
|
|
Permissions in this forum: | Bạn không có quyền trả lời bài viết
| |
|
|