Sau 2 ngày làm quen với Plus thì mình cũng trang trí tạm tạm cái blog của mình. Sau đây sẽ chia sẻcùng mọi người tham khảo và cùng nhau nghiên cứu nhé. Cái này chưa hoàn chỉnh lắm đâu tuy nhiên show lên để cùng nhau nghiên cứu.

/* Hình nền cho blog (theme) hiện tại chỉ làm được 1 mãnh và cho tràn khắp màn hình, cuộn */

BODY.blog_my {BACKGROUND:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/themenen07.jpg) #000000 fixed;}

/* Chèn hình nền cho cái module thông tin cá nhân bao gồm avartar */

#profile_highlight_module .rc_bd .rc_bc {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

#profile_highlight_module .bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}

/* Chèn hình nền cho module fiendlist */

#friendlist_module .rc_bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

#friendlist_module .bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}

/* Chèn hình nền cho module Bài Mới */

#article_new .rc_bd .rc_bc {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

#article_new .bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}

/* Chèn hình nền cho module Thư Mục Riêng*/

#folder .rc_bd .rc_bc {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

#folder .bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}

/* Chèn hình nền cho module Comment mới*/

#comment_new .rc_bd .rc_bc {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

#comment_new .bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}

/* Chèn hình nền cho module Thống Kê của plus*/

#statistic .rc_bd .rc_bc {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

#statistic .bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}

/* Chèn hình nền cho module Blog yêu thích*/

#subscribe_highlight .rc_bd .rc_bc {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

#subscribe_highlight .bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}

/* Chèn hình nền cho module Online (cái module tự tạo thêm có số 10001 -> 10010)*/

#user_mod_10001 .rc_bd .rc_bc{background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

#user_mod_10001 .bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}

/* Chèn hình nền cho module Lịch*/

#calendar .rc_bd .rc_bc {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

#calendar .bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}

/* Đoạn code này làm cho hình trái tim xuất hiện khi chuột rê vào các link trên toàn blog*/

a:hover
{text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
background-image:url(http://kontumol.com.vn/for@um/uploads/Y3P/heartKTO.gif);}

/*Chèn hình nền cho module Tâm trạng*/

}#mod_lifeline .bd {background:#F8FF37 url(http://i260.photobucket.com/albums/ii5/tranuyennhi_87/my%20poems/l1308b5b15dviwe3.gif);}

Mục tiêu là nghiên cứu thêm các phần sau đây:

1. Chính các border trên các module nhỏ lại và thay màu cho border.

2. Cài hình nền các khu vực các comment của mọi người post trên entry.

3. Cài cái theme top-bottom vào plus.

4. Đã biết cách thay nền cho cái phần entry nhưng sẽ làm sau khi cài được theme top-bottom.

5. Các phần hình nền ở mục tin nhắn và hồ sơ cá nhân sẽ thay sau vì đang nghiên cứu độ size hình nào đưa vào thích hợp.

Nếu các bạn quan tâm xin cùng chia sẻ với mình nhé. Cám ơn.

P/S:

1. Hình treo trên đầu trang blog size: w=920px, h=160px.

2. Hình nền của theme chính size: w=1004px, h=660px ( có thể làm w=1004-h=700px).

3. Hình nền trang trí cho top - bottom của các module có size: w=150px, h=30px

theo Ha Tim