Hướng dẫn cấu hình Theme cho Blog Yahoo 360 Plus - Pdf 18

Hướng dẫn cấu hình Theme cho Blog Yahoo 360 Plus
Themes cho blog của bạn bao gồm themes cho toàn blog, themes cho
từng module, themes cho tiêu đề và nó như khuôn mặt của blog, đóng góp rất lớn cho
vẻ đẹp của blog, vì thế, đừng quên mà chăm sóc cho sắc đẹp quá mình.
Hướng dẫn cấu hình Theme cho Blog
Yahoo 360 Plus
Sau đây là một số code tạo themes blog tiểu biểu và thông dụng nhất
I. Tạo Themes cho toàn trang
Là themes cho toàn bộ trang màn hình blog của bạn, có thể dùng ảnh động hoặc
ảnh kích cỡ nhỏ để lặp, tùy theo các sáng tạo của bạn, hoặc là một hình lớn, bao
trùm cả blog
Các bạn vào phần "Thiết kê" vào chế độ chỉnh "Theme" như trong hình:
Sau đó chuyển sang "Chế độ tự chỉnh sửa" nhấn "Tiếp tục"
Nhập vào ô CCS đoạn mã đã được chỉnh sửa theo ý bạn
BODY.blog_my {BACKGROUND:url(Link ảnh) #mã màu fixed;}
Fixed là để themes đứng yên, không bị cuốn theo khi các bạn di chuyển, bỏ đi hay không
là tùy các bạn, hoặc là thay bằng repeat để lặp lại hình (do một số blogger nói), nhưng
mình thấy không cần thiết vì nếu hình ảnh của bạn bé hơn độ phân giải bạn đang dùng nó
sẽ tự repeat
II. Tạo Theme cho Top và Bottom
Themes này có thể được bổ trợ cùng với themes trên, vì nó chỉ dùng cho khoảng cách xa
nhất giữa phần đầu cột module bên trái sang đầu kia của cột module bên phải của bạn
Code cho phần top:
#head {background:transparent url(link ảnh) no-repeat center top;height:Apx;}
Code cho phần bottom:
#bd {background:transparent url(link ảnh) no-repeat center bottom;}
III. Themes cho các module
Ở phần này, các bạn có thể lựa chọn giữa 2 cách làm là chèn themes cho module hoặc là
thiết kế module theo ý bạn
1. Chèn themes cho module:
Ảnh nền cho module bài mới:

Các cách thiết kế thông dụng là chia thành 3 hoặc 4 phần. Sau đây mình sẽ hướng
dẫn các bạn sử dụng code chia thành 3 phần gồm:
• Phần trên
• Phần giữa
• Phần cuối
Code cho phần trên:
.col-150 .rc,
#article_new .rc ,
#search_module .rc ,
#calendar .rc,
#folder .rc ,
#update_date .rc,
#statistic .rc ,
#friendlist_module .rc ,
#comment_new .rc ,
#subscribe_highlight .rc ,
#user_mod_10001 .rc {background:transparent url(Link Hình) no-repeat center
bottom;height:59px;}
Code cho phần giữa:
.col-150 .rc_bd,
#friendlist_module .rc_bd ,
#statistic .rc_bd,
#update_date .rc_bd ,
#folder .rc_bd ,
#calendar .rc_bd ,
#search_module .rc_bd ,
#article_new .rc_bd ,
#subscribe_highlight .rc_bd ,
#comment_new .rc_bd {background:transparent url(Link Hình) repeat-y top center;}
Code cho phần cuối:

Code cho module chính:
.col-600 .rc_bd .rc_bc .bd {background:transparent url(Link ảnh);}
Code cho module phụ:
.col-150 .rc_bd .rc_bc .bd {background:transparent url(Link ảnh);}
Code cho nền tiêu đề module chính:
.col-150 .rc_bd .rc_bc .hd .titlebar .hd,.col-150 .rc_bd .rc_bc .hd .titlebar
{background:transparent url(Link ảnh);}
Code cho nền tiêu đề module phụ:
.col-150 .rc_bd .rc_bc .hd .titlebar .hd,.col-150 .rc_bd .rc_bc .hd .titlebar
{background:transparent url(Link ảnh);}
VI. Ảnh nền cho module tự tạo
Với module tự tạo, bạn có thể up ảnh trực tiếp vào module đó, hoặc sử dụng code sau:
Code cho nền tiêu đề:
#user_mod_1000X .rc_bd .rc_bc .hd .titlebar .hd,#user_mod_1000X .rc_bd .rc_bc .hd
.titlebar{background:transparent;}
Code cho nền module:
#user_mod_1000X .rc_bd .rc_bc .bd {background:transparent;}
X: Các bạn thay bằng số thứ tự của các module đó
Theo Kata Maybus


Nhờ tải bản gốc
Music ♫

Copyright: Tài liệu đại học © DMCA.com Protection Status