Tổng hợp CSS cho 360plus...(đầy đủ và mới nhất)

1. Làm ảnh nền tĩnh, không chuyển động khi cuộn trang

body.blog_my {
background-attachment:fixed;
}

2. Chuyển theme từ 360 sang 360plus (dạng top-bottom)

#blast A, #blast A:hover{
COLOR: #mã_màu;
}
body {
background: #mã_màu_nền;

}

#doc2, #doc{
background: màu_nền url(đường_dẫn_ảnh_trên) no-repeat center top;

}

#bd {
background:transparent url(đường_dẫn_ảnh_dưới) no-repeat center bottom;

}

3. Thiết lập ảnh nền cho từng trang (trang chính, thông tin cá nhân, bạn bè..)

Trang chính (mặc định khi vào):

body.blog_my {
background:url(đường_dẫn_ảnh);
background-color:#mã_màu_nền;
background-repeat:no-repeat;
background-attachment:fixed;
}

Để làm ảnh nền cho các trang khác thì thay blog_my bằng các từ tương ứng:

- body.profile_view: trang thông tin cá nhân
- body.comment_list: trang danh sách bạn bè
- body.blog_my_index
- body.slideshow
- body.blog_archives_folder
- body.comment_listing
- body.trackback_listing
- body.post_doodle
- body.guestbook
- body.blog_archives_date
- body.blog_archives_all
- body.post_rte
- body.subscribe_list
- body.post_gb
- body.gallery
- body.photo_big
- body.photo_upload_pc
- body.photo_upload_gallery



4. Thiết lập nền cho các module

+ Module thông tin cá nhân (chứa avatar):

#profile_highlight .bd {
background: #mã_màu_nền url(đường_dẫn_ảnh);
}

+ Module Thống kê:

#statistic .bd {
background:#mã_màu_nền url(đường_dẫn_đến_ảnh);
}

+ Module lịch:

#calendar .bd {
background:#mã_màu_nền url(đường_dẫn_ảnh);
}

+ Module Bình luận mới:

#comment_new .bd {
background: #mã_màu_nền url(đường_dẫn_ảnh);
}

5. Trang trí cho nick-name bên dưới avatar

#profile_highlight .bd {
color: #mã_màu_chữ;
font-family: tên_font_chữ; /*có thể là: Tahoma hoặc Courier New, Arial ...*/
font-size: x pt; /*x: cỡ chữ*/
font-weight:bold; /*Chữ in đậm*/
font-style:italic; /*Chữ in nghiêng*/
text-decoration:blink; /*Chữ nhấp nháy*/
}

GiK dùng font chữ Courier New, cỡ chữ là 15.

6. Thay nền phần tiêu đề cho các module = ảnh

#article_list_module .rc_bd .rc_bc .hd, .hd .titlebar .hd, #friendlist_module .hd, .mod-relatives .titlebar, .col-150 .rc_bd .rc_bc .hd .titlebar .hd, .col-150 .rc_bd .rc_bc .hd .titlebar {
background:transparent url(đường_dẫn_ảnh) repeat;
}

7. Làm khung viền trong suốt

.rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {
background:transparent url(http://nktpro.com/360plus/rc_ne.png) no-repeat right bottom;
}
.rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {
background:transparent url(http://nktpro.com/360plus/rc_nw.png) no-repeat left bottom;
}
.rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_bd div.rc_bc {
background:transparent
url(http://nktpro.com/360plus/rc_e.png) repeat-y right top;
}
.rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {
background:transparent url(http://nktpro.com/360plus/rc_w.png) repeat-y 0% 50%;
}
.rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div {
background:transparent url(http://nktpro.com/360plus/rc_se.png) no-repeat right top;
}
.rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {
background:transparent url(http://nktpro.com/360plus/rc_sw.png) no-repeat left top;
}
.rc_bc .bd, #subscribe_highlight .rc_bc .bd, #mod-tagged-frd-article .rc_bc .bd {
background-color:transparent;
background-image:url(http://nktpro.com/360plus/transparent_bg.png);
}
#blast .rc_ft {
background:transparent url(http://nktpro.com/360plus/blast-sw.png) no-repeat left bottom;
}
#blast .rc_ft div {
background:transparent url(http://nktpro.com/360plus/blast-se.png) no-repeat right bottom;
}


8. Chỉnh sửa blast

#blast .rc_bc .bd {
color: #mã_màu_chữ;
font-family: tên_font_chữ; /*có thể là: Tahoma hoặc Courier New, Arial ...*/
font-size: x pt; /*x: cỡ chữ*/
font-weight:bold; /*Chữ in đậm*/
font-style:italic; /*Chữ in nghiêng*/
text-decoration:blink; /*Chữ nhấp nháy*/
}

Nếu muốn chọn cả màu, cỡ chữ cho link trong blast thì chỉ việc thay #blast .rc_bc .bd bằng #blast .rc_bc .bd a là ok!

9. Thay đổi kích thước các module tự tạo

#user_mod_1000X .rc_bd .rc_bc .bd {
height: Ypx;
}

Trong đó:
X là số thứ tự của module (01-10)
Y là chiều dài của module (px)


10. Tạo nút Homepage

Khi đang xem một entry nào đó, để quay về trang chính thì bạn bấm vào khoảng không phía trên avatar.
Để thuận tiện, ta tạo bút Homepage bằng cách thêm đoạn code này:

div.backhomtbtn a.backtomyblog {
background: url(đường_dẫn_ảnh) no-repeat;
height:25px;
}

11. Thêm biểu tượng trong phần tiêu đề của các module

Đối với module có sẵn:

/*>Thống kê*/
#statistic h2 {
background:transparent url(đường_dẫn_ảnh) no-repeat 5px top;
text-align:center;
}

/*>Các thư mục*/
#folder h2 {
background:transparent url(đường_dẫn_ảnh) no-repeat 108px top;text-align:left;
}

/*>Ngày cập nhật*/
#update_date h2 {
background:transparent url(đường_dẫn_ảnh) no-repeat 105px top;text-align:left;
}

/*>Tìm kiếm*/
#search_module h2 {
background:transparent url(đường_dẫn_ảnh) no-repeat 66px top;text-align:left;
}

/*>Bình luận mới*/
#comment_new .titlebar .hd h2 {
background:url(đường_dẫn_ảnh) no-repeat left bottom;
height:40px;
}

#feature_link_gb h2 {
background:transparent url(đường_dẫn_ảnh) no-repeat 5px top;
text-align:right;
}

/*Bài mới nhất*/
#article_new h2 {
background:transparent url(đường_dẫn_ảnh) no-repeat 95px top;
text-align:left;
}

/*Ảnh trong blog*/
#photo_highlight h2{
background:transparent url(đường_dẫn_ảnh) no-repeat 143px top;
}

Đối với module thêm vào:

#user_mod_1000X h2 {
background:transparent url(đường_dẫn_ảnh) no-repeat 123px top;
text-align:left;
}

X là số thứ tự của module (01-10)

(tổng hợp từ các blog khác nhau)