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

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 đề .... Tạo Themes cho toàn trang Là themes

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:

#article_new rc_bd rc_bc bd {background:transparent url(Link Ảnh);}

Ảnh nền cho module profiles (nick name):

#profile_highlight rc_bd rc_bc bd {background:transparent url(Link Ảnh);}

Ảnh nền cho module tìm kiếm:

#search_module rc_bd rc_bc bd {background:transparent url(Link Ảnh);}

Ảnh nền cho module cập nhật ngày:

#update_date rc_bd rc_bc bd {background:transparent url(Link Ảnh);}

Ảnh nền cho module friendlist:

Code nền tiêu đề: #friendlist_module rc_bd rc_bc hd titlebar

.hd{background:transparent url(Link Ảnh);}

Code nền module: #friendlist_module rc_bd rc_bc bd {background:transparent

url(Link Ảnh);}

Ảnh nền cho bảng tin nhắn:

BODY.guestbook {BACKGROUND:url(link ảnh) #000000 fixed;}

Ảnh nền cho module thống kê:

#statistic bd {background:#FFFFFF url(link ảnh);}

Ảnh nền cho module comments:

#comment_new bd {background:#FFFFFF url(link ảnh);}

Ảnh nền cho module thư mục riêng:

#folder bd {background:#FFFFFF url(link ảnh);}

Ảnh nền cho module lịch:

#calendar bd {background:#FFFFFF url(link ảnh);}

Ảnh nền cho trang profiles:

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

Ảnh nền cho blog yêu thích:

#subscribe_highlight bd {background:#FFFFFF url(link ảnh);}

Ảnh nền cho các module tự tạo:

#user_mod_1000X bd {background:#FFFFFF url(link ảnh);}

X: là số thứ tự của module

2 Thiết kế module

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:

.col-150 rc_ft,

#friendlist_module rc_ft ,

#statistic rc_ft,

#update_date rc_ft ,

#folder rc_ft ,

#calendar rc_ft ,

#search_module rc_ft ,

#article_new rc_ft ,

#subscribe_highlight rc_ft ,

#comment_new rc_ft {background:transparent url(Link Hình) no-repeat center top;height:17px;}

IV Tạo Themes cho footer của blog

Chú ý: Phần này là phần nâng cao, ai thích đọc thì cứ đọc Phần này mình lấy từ blog

bạn [♥Classical Four♥]-[♥Nhóc Khỉ♥ ]

Có lẽ sẽ có nhiều bạn hỏi footer là cái gì? Trả lời rằng footer là cái hình dưới cùng của mỗi blog và ko có nhiều người để ý đến nó Đây là hình minh họa

Đoạn Code sau sẽ làm ẩn đi các đường link + dòng chữ bản quyền, cái này không cần thiết lắm:

#footer ft provider p, #footer ft info p, #footer ft rights p, #footer ft privacy p,

#footer ft disclaimer p,

#footer ft provider h4, #footer a, rights, #footer {font-size:0px;color:transparent;}

Còn đây là code để chèn background cho footer:

#footer{background:transparent url(Link hình) no-repeat

center;border-top:0px;height:Apx;}

A: chiều cao của background

Bạn thay “Link” bằng link ảnh background mà bạn muốn thay

Hình minh họa một số footer đẹp:

V Ảnh nền cho module chính phụ

Phần này cũng là nền cho các module chính phụ nhưng là code đã rút ngắn, thuận tiện cho những ai làm nền cho module chính phụ bằng một hình ảnh giống nhau

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