Tuổi : 33 Posts : 2319 Points : 6889 Thanked : 77 10/12/2010 Birthday : 27/02/1991 Đến từ : Hải Phòng I'm : Status : DarkNo1<=> ClubTeen9x avatar-dulieu : 57,13100|50,11784|49,10840|64,12636|51,11465|48,12265|58,12156|66,11440 Admin Tuổi : 33 Posts : 2319 Points : 6889 Thanked : 77 10/12/2010 Birthday : 27/02/1991 Đến từ : Hải Phòng I'm : Status : DarkNo1<=> ClubTeen9xavatar-dulieu : 57,13100|50,11784|49,10840|64,12636|51,11465|48,12265|58,12156|66,11440
Thông tin thành viên : Click ! Posts : 2319
Points : 6889
Thanked : 77
10/12/2010
Birthday : 27/02/1991
Đến từ : Hải Phòng
I'm : Status : DarkNo1<=> ClubTeen9x
avatar-dulieu : 57,13100|50,11784|49,10840|64,12636|51,11465|48,12265|58,12156|66,11440
Tuổi : 33 Posts : 2319 Points : 6889 Thanked : 77 10/12/2010 Birthday : 27/02/1991 Đến từ : Hải Phòng I'm : Status : DarkNo1<=> ClubTeen9xavatar-dulieu : 57,13100|50,11784|49,10840|64,12636|51,11465|48,12265|58,12156|66,11440
Shop Avatar
Tiêu đề: Hiệu ứng làm tuyết rơi,trái tim,bướm bay khi rê chuột vào từng modun trong blog Fri Jan 14, 2011 10:24 am DarkNo1<=> ClubTeen9x
Tiêu đề: Hiệu ứng làm tuyết rơi,trái tim,bướm bay khi rê chuột vào từng modun trong blog --------------------------------------------------- Cho Ðiểm Chủ Ðề Này
Tớ sẽ ví dụ cho các cậu xem bằng hình minh họa này,khi rê chuột vào
modun bài viết tóm tắt ở trang chính blog của tớ,hay bất kì modun nào
đều xuất hiện tuyết rơi phải không nào :
[You must be registered and logged in to see this link.] Đã nhìn rõ chưa ạ
những cái hạt
tuyết rơi nhỏ nhỏ xinh xinh màu trắng ấy,không tin thì cứ rê chuột vào
bài viết này nó cũng hiện lên cho mà coi
Mún như thế
chứ ạ,vậy hãy dùng những code tớ đưa ra sau đây nhá !
A.Nếu muốn
khi rê chuột vào tất cả các modun đều hiện ra chung một hình tuyết
rơi,hay bướm bay,hay trái tim bay tứ tung,lá xào xạc rơi thì dùng chung
code này ạ :
Code :
.col-150 .rc_bd .rc_bc .bd:hover, .col-600 .rc_bd .rc_bc .bd:hover, .row-920 .rc_bd .rc_bc .bd:hover, .row-760 .rc_bd .rc_bc .bd:hover{ background:transparent url(Thay_link_hình_tuyết_rơi_vào_đây );}
Thay
link hình tuyết rơi vào dòng chữ mình bôi xanh nhá,được chưa ạ,nếu thay
xong rồi thì copy code đó và paste và css trong blog của các cậu nha,ơ
thế là ngon rồi !
Còn link
tuyết rơi,trái tim,bướm bay thì cậu xem
[You must be registered and logged in to see this link.] nha
B.Vấn đề đặt ra ở đây là một số người không thích tất cả các
modun đều hiện chung một hình trái tim rơi,mưa tuyết mà lại muốn khi rê
chuột vào mỗi modun hiện ra một hình khác nhau,chẳng hạn modun tự tạo
số 1 hiện tuyết rơi,modun số 2 lại hiện trái tim rơi,cái này cũng hay
đây,bởi vì biết đâu modun số 2 thể hiện tình yêu,hay gì gì đó nên để
hình trái tim,còn modun số 1 thể hiện gì gì đó nên muốn tuyết rơi chẳng
hạn
Vậy
tớ sẽ đưa ra từng code làm hiện trái tim,tuyết rơi hay lá bay cho từng
modun riêng biệt nha
1.Module Bài Viết Mới Quote: #article_new li:hover{ background:transparent url(Thay_link_hình_tuyết_rơi_vào_đây );}
2.Module Blast Quote: #blast .bd:hover{ background:transparent url(Thay_link_hình_tuyết_rơi_vào_đây );}
3.Module Bình Luận Mới Nhất Quote: #comment_new h3:hover, #comment_new li:hover{ background:transparent url(Thay_link_hình_tuyết_rơi_vào_đây );}
4.Module Bình Luận Nhanh Quote: #guestbook_entries li:hover{ background:transparent url(Thay_link_hình_tuyết_rơi_vào_đây );}
5.Module Thư Mục Riêng Quote: #folder li:hover{ background:transparent url(Thay_link_hình_tuyết_rơi_vào_đây );}
6.Module Danh Sách Bạn Bè Quote: #friendlist_module li:hover{ background:transparent url(Thay_link_hình_tuyết_rơi_vào_đây );}
7.Module Hình Ảnh Trong Blog Quote: #photo_highlight td:hover{ background:transparent url(Thay_link_hình_tuyết_rơi_vào_đây );}
8.Module Blog Tôi Thích Quote: #subscribe_highlight li:hover{ background:transparent url(Thay_link_hình_tuyết_rơi_vào_đây );}
9.Module Blog Về Tôi Quote: #mod-tagged-frd-article li:hover{ background:transparent url(Thay_link_hình_tuyết_rơi_vào_đây );}
10.Module Hồ Sơ Blog - Thông Tin Cá Nhân Quote: #profile_card dt:hover, #profile_card dd:hover{ background:transparent url(Thay_link_hình_tuyết_rơi_vào_đây );}
11.Module Bài Viết - Kiểu Hiển Thị Bài Đầu Và Kiểu Hiển Thị Tóm Tắt Quote: .more-posts li:hover{ background:transparent url(Thay_link_hình_tuyết_rơi_vào_đây );}
12.Module Bài Viết - Kiểu Hiển Thị Tựa Đề Quote: .main-bd tr:hover{ background:transparent url(Thay_link_hình_tuyết_rơi_vào_đây );}
13.Module Thống Kê Quote: #statistic li:hover{ background:transparent url(Thay_link_hình_tuyết_rơi_vào_đây );}
14.Module Cập Nhật Ngày Quote: #update_date .date:hover{ background:transparent url(Thay_link_hình_tuyết_rơi_vào_đây );}
15.Module Lịch Quote: #calendar th:hover, #calendar td:hover{ background:transparent url(Thay_link_hình_tuyết_rơi_vào_đây );}
16.Phần Comment Bài Viết Quote: #comment_container li:hover{ background:transparent url(Thay_link_hình_tuyết_rơi_vào_đây );}
Đối với các modun tự tạo :
Quote: #user_mod_1000X :hover{ background:transparent url(Thay_link_hình_tuyết_rơi_vào_đây );}
Thay
X tương ứng với số
thứ tự các modun tự tạo nhá
Ai thích hiện hình nào khi rê chuột
vào modun nào đó thì thay tương ứng hình tuyết rơi hay bướm bay vào nhá
Sau
đó copy những code đó bỏ vào css trong blog là xoong
Về link
hình tuyết rơi thì các bạn vào đây để chọn nhé :
Một số hình tuyết rơi,bướm bay,lá rơi,trái tim rơi dùng trang trí nền blog Bài viết tớ tự mày mò từ css
trong forum,cụ thể là từ bài viết
[You must be registered and logged in to see this link.] của olympia mà ra,vì ít hiểu biết về css và code nên đã rất vất vả,mong
các cậu hãy khi sử dụng lại bài này làm ơn khi cái nguồn hộ cái