Đăng ngày: 16:05 20-06-2009
Thực ra hiệu ứng này cũng không có gì, đơn giản chỉ là tạo thêm 1 ảnh, để khi rê chuột vào từng bài viết sẽ hiển thị ảnh đó lên thôi. Vì thế, các bạn có thể chuẩn bị là các ảnh bất kì, nhưng nên lưu ý là đừng chọn ảnh wá phức tạp, khi rê chuột vào sẽ không đọc được bài viết đâu :). Vì thế, nên chọn các ảnh nền trong suốt chẳng hạn, sẽ làm nổi bật bài viết hơn.
Sau đây là Code cho hiệu ứng :
Code :
| .mod-alist-summary .main-bd li:hover{background:transparent url(Link Ảnh)} |
Có thể dùng sẵn Code dưới đây :
Code :
| .mod-alist-summary .main-bd li:hover{background:transparent url(http://i714.photobucket.com/albums/ww150/wdephia4/Post/nenblast/1.png);} |
Code :
| .mod-alist-summary .main-bd li:hover{background:transparent url(http://i714.photobucket.com/albums/ww150/wdephia4/Post/nenblast/2.png);} |
Code :
| .mod-alist-summary .main-bd li:hover{background:transparent url(http://i714.photobucket.com/albums/ww150/wdephia4/Post/nenblast/3.png);} |
Code :
| .mod-alist-summary .main-bd li:hover{background:transparent url(http://i714.photobucket.com/albums/ww150/wdephia4/Post/nenblast/4.png);} |
Code :
| .mod-alist-summary .main-bd li:hover{background:transparent url(http://i714.photobucket.com/albums/ww150/wdephia4/Post/nenblast/5.png);} |
Code :
| .mod-alist-summary .main-bd li:hover{background:transparent url(http://i714.photobucket.com/albums/ww150/wdephia4/Post/nenblast/6.png);} |
Những hình trên chỉ là hình minh hoạ của các ảnh nền này lúc dùng làm nền Blast, vì bỏ vào trường hợp này cũng tương tự nên mình dùng làm minh hoạ luôn thể ^^!
P/S : Keke, viết Entry mới vào 1 ngày như thế này cũng thú vị thật 
