Code hình nền cho các Module (CSS)

.:co0l.l0ve'sBlog::.

Đoạn code dưới đây là trang trí nền cho module,nó hơi khác code ở phía trên một chút,gồm 1 ảnh Top ở trên, một ảnh Bottom ở dưới và màu ở giữa ( ở ví dụ này màu ở giữa có mã màu: #653e16 )

/* 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 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;}

Chèn hình nền vào Module tự tạo

-Các Module tự tạo sẽ có số từ 10001->10010,tuỳ theo đó là Module thứ mấy mà các bạn điền số thích hợp.

VD:

/* 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;}

Lưu ý: Các bạn thay cái URL ảnh bằng ảnh của bạn,hoặc bạn có thể nhấn vào đây để tìm ảnh nền phù hợp cho bạn .

Nguồn co0l.l0ve'sblog (bài viết có tham khảo TrangHa'sblog và vunguyen'sblog)