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

[Phần comment Bài viết] Đặt ảnh nền và hiệu ứng rê chuột

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
[Phần comment Bài viết] Đặt ảnh nền và hiệu ứng rê chuột

Phần comment của bạn bè trong bài viết có vẻ như khi ta làm trong suốt
thì không được đẹp và không rõ ràng lắm, vì nó trùng màu nền với bài
viết. Vậy nên nếu ai muốn nó có sự khác biệt rõ ràng với Bài viết thì
dùng 1 trong 3 cách sau nhé, nhưng trước hết ngó qua cái chú thích:

Chú thích trong
code:

+ Link ảnh nền: Thay link hình bạn muốn, hình nền cho phần này
chiều rộng tầm 600~700px, chiều
dài thì lấy từ 350px trở lên,
tùy theo cách
+ Bottom : là canh đặt hình nền từ dưới lên, bạn nào muốn
hiển thị phần trên của tấm hình nền trước thì sửa lại thành Top


Cách 1: Code đặt ảnh nền riêng
từng khung comment bài viết


  • a/

    Đặt ảnh nền




#comment_container li {background:transparent
url(link ảnh nền)
center bottom!important;}

Minh họa:
[Phần comment Bài viết] Đặt ảnh nền và hiệu ứng rê chuột Nencomment1



  • b/ Hiệu ứng rê chuột cho cách 1:
#comment_container li:hover
{background:transparent
url(link ảnh nền)
center bottom!important;}
Minh

họa khi rê chuột:
[Phần comment Bài viết] Đặt ảnh nền và hiệu ứng rê chuột Hovercomment1


Cách 2: Code đặt ảnh nền chung
cho tất cả comments bài viết


  • a/ Đặt ảnh nền:
#comment_container
{background:transparent
url(link ảnh nền)
center bottom!important;}
Minh

họa:
[Phần comment Bài viết] Đặt ảnh nền và hiệu ứng rê chuột Nencomment2


  • b/ Hiệu ứng rê chuột cho cách 2
#comment_container:hover
{background:transparent
url(link ảnh nền)
center bottom!important;}
Minh

họa khi rê chuột:
[Phần comment Bài viết] Đặt ảnh nền và hiệu ứng rê chuột Hovercomment2


Cách 3: Code đặt ảnh nền chung
cho tất cả comments bài viết kéo dài đến hết Yahoo cập nhật:


  • a/ Đặt ảnh nền
.cmt-mod-alist
.comments-listing .bd {background:transparent
url(link ảnh nền)
center bottom!important;}
Minh

họa:
[Phần comment Bài viết] Đặt ảnh nền và hiệu ứng rê chuột Nencomment3


  • b/ Hiệu ứng rê chuột cho cách 3
.cmt-mod-alist .comments-listing .bd:hover
{background:transparent
url(link ảnh nền)
center bottom!important;}
Minh

họa khi rê chuột:
[Phần comment Bài viết] Đặt ảnh nền và hiệu ứng rê chuột Hovercomment3


  • Bonus:
Nếu các bạn muốn làm
mất cái Yahoo Cập nhật thì thêm code này vào
#disclosure
.updates-disclosure {display:none!important;}
Chúc

các bạn tìm được ảnh nền ưng ý cho phần comment bài viết :)


[Phần comment Bài viết] Đặt ảnh nền và hiệu ứng rê chuột

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang
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
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