Làm tuyết, mưa rơi trên nền Blog

Number1gen · 08-01-2009, 01:22 PM

Từ sau khi làm xong theme Xmas, có một số bạn hỏi về Code làm cho tuyết rơi trên nền Blog (kết hợp cả tuyết và ảnh nền riêng). Vì thế hôm nay mình cũng share cái Code này cho các bạn (mặc dù có chú thích trong CSS của theme Xmas, bạn nào đọc file CSS đó là thấy thôi )

Đây là cách làm :

1 - Làm tuyết rơi trên nền Blog :

Các bạn dùng Code sau nhé :

Code:

#head{background:transparent url(http://files.myopera.com/Dephia/nendong/snow.gif) center bottom;}
#bd{background:transparent url(http://files.myopera.com/Dephia/nendong/snow.gif) center bottom;}

2 - Thay tuyết rơi bằng các nền động khác :

Ngoài tuyết, ta có thể thay bằng các ảnh có nền trong suốt khác, như mưa, lá rơi .... bằng Code sau, chỉ cần thay link ảnh vào thôi :

Code:

#head{background:transparent url(Link ảnh) center bottom;}
#bd{background:transparent url(Link Ảnh) center bottom;}

Đây là một số ảnh nền trong suốt có hiệu ứng : (Click chuột phải vào ảnh và chọn Copy Shorcut hoặc Copy Image Location để lấy link nhé !)

Tuy nhiên, chỉ nên dùng các ảnh đơn giản thôi, ko nên dùng ảnh quá phức tạp, sẽ làm rối Blog lắm ^^

Code này các bạn dùng Theme kiểu 2 mảnh ko nên dùng nhé !!!

(Bản quyền bài viết thuộc về W.Dephia's Blog - dephia.tk, vui lòng ghi rõ nếu sử dụng lại nhé !)

Chương 1: Kỹ thuật, code CSS

Chương 2: Trang Trí

Chương 3: Làm mới

Chương 4: Module tự tạo

zzs225 · 22-09-2009, 09:40 PM

Hix. Blog càng đơn giản thì sẽ dễ dàng lướt hơn là blog loằng ngoằng. chỉ nên dùng một vài hiệu ứng thôi.