Hiệu ứng bướm bay, tuyết rơi khi rê chuột vào

by Admin Wed Sep 08, 2010 7:51 am

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 Ở đây 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á