Thay nền cho module 1 vấn đề rất quan trọng trong blog ,nó khẳng định chính bạn trong cộng đồng yahoo!plus .Để có 1 giao diện đẹp cho blog của mình thì điều đầu tiên bạn phải biết phối hợp màu sắc kết hợp với sự sáng tạo trong thiết kế . Vậy thì hãy cùng mình tô điểm cho blog của mình 1 bản sắc riêng nào .

* Giới thiệu : phiên bản blog này của yahoo!plus có 3 phần chính :
* Module Phụ (nhỏ ở 2 bên ) kí hiệu .col-150
* Module Chính (to ở giữa blog ) kí hiệu .col-600
* Cuối cùng là 2 module trên cùng & dưới cùng củng blog kí hiệu .row-920

1 Cách thay nền đơn giản như sau :

* Các bạn chọn 1 hình cỡ khoảng 140x40 là phù hợp với nền tiêu đề phụ , còn tiêu đề chính có kích thước khoảng 590x40 .Up load vào 1 hót nào đó rồi lấy link ảnh thay vào đọan code sau đây :

.col-150 .rc_bd .rc_bc .hd .titlebar .hd, .col-150 .rc_bd .rc_bc .hd .titlebar {background:transparent url (Linh hình ) repeat;}

.col-600 .rc_bd .rc_bc .hd .titlebar .hd, .col-600 .rc_bd .rc_bc .hd .titlebar {background:transparent url (Linh hình ) repeat;}

.row-920 .rc_bd .rc_bc .hd .titlebar .hd, .row-902 .rc_bd .rc_bc .hd .titlebar {background:transparent url (Linh hình ) repeat;}

2 Thay nền tiêu đề cho từng module ( css nâng cao ):

* Cũng làm như trên chỉ cần thay link ảnh vào là ok .
* Thay nền tiêu đề module thống kê #statistic .rc_bd .rc_bc .hd .titlebar .hd, #statistic .rc_bd .rc_bc .hd .titlebar {background:transparent url(LINK HÌNH) repeat;}

* Thay nền tiêu đề module bài viết mới #article_new .rc_bd .rc_bc .hd .titlebar .hd, #article_new .rc_bd .rc_bc .hd .titlebar {background:transparent url(LINK HÌNH) repeat;}
* Thay nền tiêu đề module ảnh trong Blog #photo_highlight .rc_bd .rc_bc .hd .titlebar .hd, #photo_highlight .rc_bd .rc_bc .hd .titlebar {background:transparent url( LINK HÌNH) repeat;}
* Thay nền tiêu đề module bình luận mới nhất
* new .rc_bd .rc_bc .hd .titlebar .hd, #comment-new .rc_bd .rc_bc .hd .titlebar {background:transparent url( LINK HÌNH) repeat;}
* Thay nền tiêu đề module thư mục riêng #folder .rc_bd .rc_bc .hd .titlebar .hd, #folder .rc_bd .rc_bc .hd .titlebar {background:transparent url(LINK HÌNH) repeat;}
* Thay nền tiêu đề module cập nhật ngày #update_date .rc_bd .rc_bc .hd .titlebar .hd, #update_date .rc_bd .rc_bc .hd .titlebar {background:transparent url(LINK HÌNH) repeat;}
* Thay nền tiêu đề module RSS #rss_output .rc_bd .rc_bc .hd .titlebar .hd, #rss_output .rc_bd .rc_bc .hd .titlebar {background:transparent url( LINK HÌNH ) repeat;}
* Thay nền tiêu đề module tìm kiếm #search_module .rc_bd .rc_bc .hd .titlebar .hd, #search_module .rc_bd .rc_bc .hd .titlebar {background:transparent url( LINK HÌNH ) repeat;}
* Thay nền tiêu đề modul lịch #calendar .rc_bd .rc_bc .hd .titlebar .hd, #calendar .rc_bd .rc_bc .hd .titlebar {background:transparent url( LINK HÌNH ) repeat;}
* Thay nền tiêu đề module danh sách bạn bè #friendlist_module .rc_bd .rc_bc .hd .titlebar .hd, #friendlist_module .rc_bd .rc_bc .hd .titlebar {background:transparent url( LINK HÌNH ) repeat;}
* Thay nền tiêu đề module blog yêu thích #subscribe_highlight .rc_bd .rc_bc .hd .titlebar .hd, #subscribe_highlight .rc_bd .rc_bc .hd .titlebar {background:transparent url (Linh hình ) repeat;}
* Thay nền tiêu đề cho module tự tạo #user_mod_1000X .rc_bd .rc_bc .hd .titlebar .hd, #user_mod_1000X .rc_bd .rc_bc .hd .titlebar {background:transparent url (Linh hình ) repeat;}
-----
* Chú ý : đối với các module tự tạo các bạn thay chữ X bằng số module tự tạo nhé
* Chẳng hạn mình muốn thay nền tiêu đề cho module tự tạo 1 thì code sẽ như sau :

#user_mod_10001 .rc_bd .rc_bc .hd .titlebar .hd,#user_mod_10001 .rc_bd .rc_bc .hd .titlebar{background:transparent url(Link Ảnh Nền);}

B ài viết này kết hợp với bài thay nền tiêu đề cho module sẽ giúp giao diện blog của bạn hoàn thiện hơn .Cùng mình làm nhé

1 Thay nền chung cho module của blog

.col-150 .rc_bd .rc_bc .bd {background:transparent url(linh hình);}
.col-600 .rc_bd .rc_bc .bd {background:transparent url(linh hình);}
.row-920 .rc_bd .rc_bc .bd {background:transparent url(linh hình);}

2 Thay nền cho từng module

* Module bình luận mới nhất
#comment_new .rc_bd .rc_bc .bd {background:transparent url(linh hình);}
* Module bài viết mới
#article_new .rc_bd .rc_bc .bd {background:transparent url(linh hình);}
* Module nick name
#profile_highlight .rc_bd .rc_bc .bd {background:transparent url(linh hình);}
* Module tìm kiếm
#search_module .rc_bd .rc_bc .bd {background:transparent url (linh hình);}
* Module thư mục riêng
#folder .rc_bd .rc_bc .bd {background:transparent url(linh hình);}
* Module lịch
#calendar .rc_bd .rc_bc .bd {background:transparent url(linh hình);}
* Module thống kê
#statistic .rc_bd .rc_bc .bd {background:transparent url (linh hình);}
* Module RSS
#rss_ module .rc_bd .rc_bc .bd {background:transparent url(linh hình);}
* Module cập nhật ngày
#update_date .rc_bd .rc_bc .bd {background:transparent url(linh hình);}
* Module blog yêu thích
#subscribe_highlight .rc_bd .rc_bc .bd {background:transparent url(linh hình);}


HẾT SỨC BÌNH TỈNH_ NGHIÊN CỨU TỪ TỪ