FullHouse.yforum.biz
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.

FullHouse.yforum.biz


 
Trang ChínhLatest imagesTìm kiếmĐăng kýĐăng Nhập

Share

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

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down
#
Nấm_Njo
Nấm_Njo
SMod
SMod
Nam 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 :




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

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;}
Plus Beta [Hiệu ứng cho đường viền và nick ở phần comment] Lkaijruyw5t45

3/ Khi
đó ở dưới cùng tất cả comment vẫn còn 1
đường viền "lạc loài" nữa
:
Plus Beta [Hiệu ứng cho đường viền và nick ở phần comment] Lmangkirutwy9
- Ta dùng Code sau để thay đổi :
.cmt-mod-alist

.add-comment{border-top:1px dashed #fff;}
- Sau khi dùng
Code trên :

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

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

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

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;}
Plus Beta [Hiệu ứng cho đường viền và nick ở phần comment] Vmfjeuyr5r5

- 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 :
    mã màu của viền, có thể thay bằng màu khác

  • 1px :
    độ "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
Plus Beta [Hiệu ứng cho đường viền và nick ở phần comment] 8 :
Plus Beta [Hiệu ứng cho đường viền và nick ở phần comment] Lmjaieut887

.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
:
Plus Beta [Hiệu ứng cho đường viền và nick ở phần comment] Aamjdfwry88

.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]

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang
Trang 1 trong tổng số 1 trang

Similar topics

-
» Plus Beta [Hiệu ứng đường viền cho toàn bộ Hình ảnh trong Blog ]
» [Phần comment Bài viết] Đặt ảnh nền và hiệu ứng rê chuột
» Plus Beta [ Chèn avatar cho chủ blog ở phần comment ]
» Plus Beta [Ẩn đi hay tùy biến avatar của khách comment]
» Beta Plus: Trong suốt phần nóc nhà Blog plus

Permissions in this forum:Bạn không có quyền trả lời bài viết
FullHouse.yforum.biz :: Thế giới Blog :: CSS code - thủ thuật_[F]ull [H]ouse-
Chat ( )
Free forum | ©phpBB | Free forum support | Báo cáo lạm dụng | Cookies | Thảo luận mới nhất
Sử dụng mã nguồn vBulletin® Phiên bản 3.8.7
vBCredits I v. 1.5.1 Gold ©2001-2010, PixelFX Studios Ltd.
© 2011 - 2012 Nhóm phát triển website: Cộng đồng giới trẻ Nghệ An.
Phpbb2 - Forumotion!Rip Skin by cubimtq