Dùng CSS thay đổi hình nền trong Yahoo!360 Plus

Yahoo! 360 Plus đem lại nhiều tính năng vượt trội, hơn hẳn blog 360 cũ. Với gần 100 theme được thiết kế sẵn thuộc nhiều chủ đề, Yahoo! 360 Plus giúp bạn có thể dễ dàng thay đổi giao diện blog của mình theo ý muốn. Bài viết này sẽ hướng dẫn bạn cách thay đổi hình nền các module bằng các mãkhông có sẵn trong 360 Plus.

Để thay đổi, các bạn vào mục Bố trí,chọn Theme rồi chọn tự sửa, chèn các đoạn CSS này vào,thay URL ảnh bằng URL của bạn. Các ảnh đều có thể là dạng gif, jpg, png...

1. Hình nền cho blog (theme):
Nếu bạn muốn để theme là ảnh tràn khắp màn hình:

BODY.blog_my {background:url(URL ảnh) #000000 fixed;}

Nếu bạn muốn làm theme của mình gồm 2 mảnh Top và Bottom như blog 360 cũ (Chú ý kích thước chiều rộng nên là 1004px):

body{background:#000000;}
#doc2, #doc{background:#000000 url(URL ảnh Top) no-repeat center top;}
#bd{background:transparent url(URL ảnh Bottom) no-repeat center bottom;}

2. Hình nền cho các Module :

Cấu trúc mã CSS đơn giản dùng cho các Module là : #ModuleName.bd {background:url(URL ảnh) màu nền ;}
Với màu nền là số thứ tự trong bảng mã màu , có thể thay đổi từ #000000 đến #ffffff hoặc trong suốt: transparent.
ModuleName là tên module. Tên các Module như sau :
- module thông tin cá nhân: profile_highlight_module
- module fiendlist: friendlist_module
- module Bài Mới: article_new
- module Thư Mục Riêng: folder
- module Comment mới: comment_new
- module Thống Kê: statistic
- module Blog yêu thích: subscribe_highlight
- module Lịch: calendar
- Các Module tự tạo sẽ có số từ 10001->10010 (module thứ 1 có số là 10001, module thứ 2 có số 10002,...),tuỳ theo đó là Module thứ mấy mà các bạn điền số thích hợp. VD: Module tự tạo thứ 1 : user_mod_10001

3. Ảnh nền Bảng tin nhắn:
BODY.guestbook {BACKGROUND:url(URL ảnh) #000000 fixed;}

4. Ảnh nền của trang Profiles:

BODY.profile_view {BACKGROUND:url (URL ảnh) #000000 fixed;}

5. Ảnh nền trong mỗi Entry:

.mod-alist-full .main-bd{background:#FFFFFF url(URL ảnh);}

6. Ảnh nền của tiêu đề mỗi Entry: nên chọn 1 ảnh nhạt, hoa trái hay họa tiết trừu tượng: .mod-alist-full.mail-hd{background:#FFFFFF url(URL ảnh)}

Ngay bây giờ, các bạn hãy bắt tay vào trang trí cho blog của mình đi nào. Chúc các bạn thành công !