Bài viết trong ngày
Các bài viết trong tháng
Thống kê tổng thể
Topic sôi nổi nhất
Topic xem nhiều nhất
Thành viên có nhiều chủ đề nhất
Thành viên post bài nhiều nhất trong một tuần
Thành viên post bài nhiều nhất trong tháng
Top poster
Số topic trong tháng

sho còi nhắn vớiTất cả thành viên:dg rất cần sự chia sẻ ! nếu có ai hỉu ! hay chia sẻ vs SHO nhar ! cần những người bạn !VirgO hOa TiNh nhắn vớibum.....nhỏ bé của chị:bum ơi cố lên, đừng bỏ cuộc, đừng nản lòng, chị sẽ cố hết sức giúp bum, ít nhìu thì hai vẫn hơn một mà đúng không bom

bumbumonekey nhắn với»Tất cả thành viên:Chúc các bạn 1 ngày vui vẻ .

[Beta Plus] Hiệu ứng thu gọn kéo dài module khi rê chuột

Sun Aug 07, 2011 1:22 pm

Tớ Là - bumbumonekey
Tước hiệu
Chức VụĐiều Hành Forum

Giới tính : Nam

Tuổi : 33

Sinh nhật : 06/05/1991

Tham Gia : 03/08/2011

Số bài gửi : 162

Cảm ơn : 3

Tài Sản : 937997

Sao : 1000000

Chong Chóng : 1000000

Đến từ : Sunnanvindsvägen 7D LGH 1101 Uddevalla Sweden

Tiêu đề: [Beta Plus] Hiệu ứng thu gọn kéo dài module khi rê chuột

Tiêu đề: [Beta Plus] Hiệu ứng thu gọn kéo dài module khi rê chuột

Thông thường có một số module
rất dài khiến cấu trúc blog rất khó nhìn. Ta sẽ cho nó thu gọn
lại

[You must be registered and logged in to see this image.]

Khi
cần chỉ cần rê chuột vào đó là nội dung lại hiển thị đầy đủ

[You must be registered and logged in to see this image.]

Sau
đây chỉ là code thu gọn cho một số module thường xuyên bị quá
dài

Module Bình Luận Mới Nhất

Quote:

#comment_new .rc_bd .rc_bc .bd{height:200px;}
#comment_new
.rc_bd .rc_bc
.bd:hover{height:auto;}

Module
Bài Mới Nhất

Quote:

#article_new .rc_bd .rc_bc .bd{height:200px;}
#article_new
.rc_bd .rc_bc
.bd:hover{height:auto;}

Module
Thư Mục Riêng

Quote:

#folder .rc_bd .rc_bc .bd{height:200px;}
#folder .rc_bd .rc_bc
.bd:hover{height:auto;}

Module Bạn
Bè

Quote:

#friendlist_module .rc_bd .rc_bc
.bd{height:200px;}
#friendlist_module .rc_bd .rc_bc
.bd:hover{height:auto;}

Module
Bình Luận Nhanh

Quote:

#guestbook_entries .rc_bd .rc_bc
.bd{height:200px;}
#guestbook_entries .rc_bd .rc_bc
.bd:hover{height:auto;}

Module
Hồ Sơ Blog (Thông Tin Cá Nhân)

Quote:

#profile_card .rc_bd .rc_bc .bd{height:200px;}
#profile_card
.rc_bd .rc_bc
.bd:hover{height:auto;}

Module
Blog Tôi Thích

Quote:

#subscribe_highlight .rc_bd .rc_bc
.bd{height:200px;}
#subscribe_highlight .rc_bd .rc_bc
.bd:hover{height:auto;}

Module
Tự Thiết Kế 1

Quote:

#user_mod_10001 .rc_bd .rc_bc .bd
.user-mod-holder{height:200px;}
#user_mod_10001 .rc_bd .rc_bc .bd
.user-mod-holder:hover{height:auto;}

Module
Tự Thiết Kế 2

Quote:

#user_mod_10002 .rc_bd .rc_bc .bd
.user-mod-holder{height:200px;}
#user_mod_10002 .rc_bd .rc_bc .bd
.user-mod-holder:hover{height:auto;}

Module
Tự Thiết Kế 3

Quote:

#user_mod_10003 .rc_bd .rc_bc .bd
.user-mod-holder{height:200px;}
#user_mod_10003 .rc_bd .rc_bc .bd
.user-mod-holder:hover{height:auto;}

Module
Tự Thiết Kế 4

Quote:

#user_mod_10004 .rc_bd .rc_bc .bd
.user-mod-holder{height:200px;}
#user_mod_10004 .rc_bd .rc_bc .bd
.user-mod-holder:hover{height:auto;}

Module
Tự Thiết Kế 5

Quote:

#user_mod_10005 .rc_bd .rc_bc .bd
.user-mod-holder{height:200px;}
#user_mod_10005 .rc_bd .rc_bc .bd
.user-mod-holder:hover{height:auto;}

Module
Tự Thiết Kế 6

Quote:

#user_mod_10006 .rc_bd .rc_bc .bd
.user-mod-holder{height:200px;}
#user_mod_10006 .rc_bd .rc_bc .bd
.user-mod-holder:hover{height:auto;}

Module
Tự Thiết Kế 7

Quote:

#user_mod_10007 .rc_bd .rc_bc .bd
.user-mod-holder{height:200px;}
#user_mod_10007 .rc_bd .rc_bc .bd
.user-mod-holder:hover{height:auto;}

Module
Tự Thiết Kế 8

Quote:

#user_mod_10008 .rc_bd .rc_bc .bd
.user-mod-holder{height:200px;}
#user_mod_10008 .rc_bd .rc_bc .bd
.user-mod-holder:hover{height:auto;}

Module
Tự Thiết Kế 9

Quote:

#user_mod_10009 .rc_bd .rc_bc .bd
.user-mod-holder{height:200px;}
#user_mod_10009 .rc_bd .rc_bc .bd
.user-mod-holder:hover{height:auto;}

Module
Tự Thiết Kế 10

Quote:

#user_mod_10010 .rc_bd .rc_bc .bd
.user-mod-holder{height:200px;}
#user_mod_10010 .rc_bd .rc_bc .bd
.user-mod-holder:hover{height:auto;}

Trong
các code trên có thể thay 200px bằng chiều dài bạn muốn khi chưa
rê chuột.
Riêng phần comment sau thì không nên thay chiều dài có
trong
code

Phần comment

Quote:

#comments-listing ul{height:50px;}
#comments-listing
ul:hover{height:auto;}

Chữ ký của thànhviên

[Beta Plus] Hiệu ứng thu gọn kéo dài module khi rê chuột

Trang 1 trong tổng số 1 trang

* Không dùng những ngôn từ thiếu lịch sự.
* Bài viết sưu tầm nên ghi rõ nguồn.
* Tránh spam nhảm không liên quan đến chủ đề.
Yêu cầu viết tiếng Việt có dấu.

Permissions in this forum:

Bạn không có quyền trả lời bài viết

-·=»‡«=·- ( Sao Băng Khóc ) -·=»‡«=·- :: ๑۩۞۩๑ Cộng Đồng Blog - Yahoo Chat ๑۩۞۩๑ :: Thủ Thuật Blog