Admin Tổng Tư Lệnh
Giới tính : Cung : Hoàng đạo : Số Bài : 202 Ngày Sinh : 14/05/1994 Ngày Tham Gia : 07/06/2010 Tuổi : 29 Đến từ : Đồng Nai Việc Làm : Học Sinh
| Tiêu đề: Làm hiệu ứng tuyết rơi, bướm bay v.v...cho blog Fri Jun 11, 2010 8:18 pm | |
| Đối với dạng theme 1 mảnh, ta có các cách chèn sauCách 1 :Quote:
body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:transparent url(Link tuyết rơi);}/olympia41124*/ html {background:#FFFFFF url(Link hình nền) top center;}/*vietnam360plus.com*/ | Cách 2 :Quote:
body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:transparent url(Link hình nền) fixed top center;}/*olympia41124*/ #doc2{background:transparent url(Link tuyết rơi);}/*vietnam360plus.com*/ | Cách 3 :Quote:
body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:transparent url(Link hình nền) fixed top center;}/*olympia41124*/ .yui-t1{background:transparent url(Link tuyết rơi);}/*vietnam360plus.com*/ | Cách 4 :Quote:
body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:transparent url(Link hình nền) fixed top center;}/*olympia41124*/ #bd,#head{background:transparent url(Link tuyết rơi);}/*vietnam360plus.com*/ | Trong các code trên, các bạn thay Link ảnh nền bằng link hình nền của bạn, thay Link tuyết rơi bằng link hình bạn muốn làm tuyết rơi. Link hình các bạn có thể tham khảo một số mẫu mà olympia giới thiệu ở cuối bài viết. Sau đây là code chèn tuyết rơi cho theme 2 mảnh, rắc rối hơn một chútCách 1 :Quote:
body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:transparent url(Link hình bot) bottom no-repeat;}/*olympia41124*/ html {background: #FFFFFF url(Link hình top) no-repeat top;}/*vietnam360plus.com*/ #doc2{background:transparent url(Link tuyết rơi);}/*olympia41124*/ | Cách 2 :Quote:
body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:transparent url(Link hình bot) bottom no-repeat;}/*olympia41124*/ html {background: #FFFFFF url(Link hình top) no-repeat top;}/*vietnam360plus.com*/ .yui-t1{background:transparent url(Link tuyết rơi);}/*olympia41124*/ | Cách 3 :Quote:
body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:transparent url(Link hình bot) bottom no-repeat;}/*olympia41124*/ html {background: #FFFFFF url(Link hình top) no-repeat top;}/*vietnam360plus.com*/ #head,#bd{background:transparent url(Link tuyết rơi);}/*olympia41124*/ | Trong các code trên thay link hình top, bot và tuyết rơi tương ứng.Riêng đối với dạng theme 3 mảnh thì tuyết rơi không hoàn hảo, bị che mất một phầnQuote:
body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:transparent url(Link top) no-repeat top center;height:Apx;}/*olympia41124*/
html{background:#FFFFFF url(Link center) center center;}/*vietnam360plus.com*/
#ft{background:transparent url(Link bot) no-repeat bottom center;height:Bpx}/*olympia41124*/
#doc2{background:transparent url(Link tuyết rơi);}/*vietnam360plus.com*/ | Cuối cùng bonus cho các bạn code chèn 3 loại tuyết rơi vào blog cho dạng theme 1 mảnh, coi chừng chóng mặt nhé Quote:
html {background:#FFFFFF url(Link hình nền) top center;}/*olympia41124*/ body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:transparent url(Link tuyết rơi 1);}/*vietnam360plus.com*/ #doc2{background:transparent url(Link tuyết rơi 2);}/*olympia41124*/ #head,#bd{background:transparent url(Link tuyết rơi 3);}/*vietnam360plus.com*/ | Còn dưới đây là các hình cho các bạn tham khảo
| |
|