Minh Vũ's Blog

Just another WordPress.com weblog

CSS theme cho Blog 360 Plus

Posted by xpss on 17/11/2009

Để 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 !

Gửi phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s

 
%d bloggers like this: