Tìm kiếm
 
 

Display results as :
 


Rechercher Advanced Search

Latest topics
A8 Family
Đoàn kết
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus 43
Vui vẻ
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus IMG0662A_01
Duyên dáng
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus 50-1
Đẹp trai
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus 002-1
Ăn chơi
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus 7-2
Hồn nhiên
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus Copy2ofCopyofDSC04348
Và ....
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus 29032009089
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus 29032009090
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus 29032009095
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus A
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus Copy2ofCopyofDSC04348
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus Copy2ofDSC04352
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus Copy3ofDSC04351
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus 28e8b48a-453b-4e09-9fee-07c94ca1549
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus 7-2
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus PICT0008
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus H001
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus B78d7c10-8f60-44db-a1e9-9235fddcd4c
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus 50-1
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus 002-1
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus PICT0009-1
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus Fxv0otV
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus 64n34
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus Ccef2884-f258-4732-9a53-52b4e336383

Dùng CSS thay đổi hình nền trong Yahoo!360 Plus Cuoinay
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus B5bce6fb-18a3-4984-b96f-3f1c22e1339
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus 000
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus IMG0657A
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus 43
Dùng CSS thay đổi hình nền trong Yahoo!360 Plus SDC10078

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

Go down

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

Bài gửi by meocon on Fri Jun 05, 2009 6:57 pm

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 !
meocon
meocon
Admin


Về Đầu Trang Go down

Về Đầu Trang


 
Permissions in this forum:
Bạn không có quyền trả lời bài viết