Hôm nay, sẽ là code hướng dẫn cho việc thay nền của từng Module nhé, vì hiện đã có những code thay nền hàng loạt theo 1 kiểu design đồng loạt.
Dưới đây sẽ là cách thay nền cho từng module.
link hình ảnh: thay hình ảnh link
Height: các bạn tự định vị cho hình ảnh phù hợp nhé
Phần Top của Module
Module Bài Mới
Quote:
| #article_new .rc_hd {background:transparent url( link hình ảnh) no-repeat center bottom;height:xxpx;} |
Quote:
| #folder .rc_hd {background:transparent url( link hình ảnh) no-repeat center bottom;height:xxpx;} |
Quote:
| #calendar .rc_hd {background:transparent url( link hình ảnh) no-repeat center bottom;height:xxpx;} |
Module Comment
Quote:
| #comment_new .rc_hd {background:transparent url( link hình ảnh) no-repeat center bottom;height:xxpx;} |
Module Friendlist
Quote:
| #friendlist_module .rc_hd {background:transparent url( link hình ảnh) no-repeat center bottom;height:xxpx;} |
Module Thống kê
Quote:
| #statistic .rc_hd {background:transparent url( link hình ảnh) no-repeat center bottom;height:xxpx;} |
Module Tin Nhắn
Quote:
| #feature_mb .rc_hd {background:transparent url( link hình ảnh) no-repeat center bottom;height:xxpx;} |
Module Album
Quote:
| #feature_album .rc_hd {background:transparent url( link hình ảnh) no-repeat center bottom;height:xxpx;} |
Module Tìm kiếm
Quote:
| #search_module .rc_hd {background:transparent url( link hình ảnh) no-repeat center bottom;height:xxpx;} |
Module Blog ưa Thích
Quote:
| #subscribe_highlight .rc_hd {background:transparent url( link hình ảnh) no-repeat center bottom;height:xxpx;} |
Module Photo
Quote:
| #photo_highlight .rc_hd {background:transparent url( link hình ảnh) no-repeat center bottom;height:xxpx;} |
Quote:
| #user_mod_1000x .rc_hd {background:transparent url( link hình ảnh) no-repeat center bottom;height:xxpx;} |
Phần center của Module
Module Bài Mới
Quote:
| #article_new .rc_bd, #article_new .rc_bd .rc_bc{background:transparent url(link hình ảnh) repeat center ;} |
Quote:
| #folder .rc_bd, #folder .rc_bd .rc_bc {background:transparent url( link hình ảnh) repeat center ;} |
Module Calendar
Quote:
| #calendar .rc_bd, #calendar .rc_bd .rc_bc {background:transparent url( link hình ảnh) repeat center ;} |
Module Comment
Quote:
| #comment_new .rc_bd, #comment_new .rc_bd .rc_bc{background:transparent url( link hình ảnh) repeat center ;} |
Module Friendlist
Quote:
| #friendlist_module .rc_bd, #friendlist_module .rc_bd .rc_bc {background:transparent url( link hình ảnh) repeat center ;} |
Module Thống kê
Quote:
| #statistic .rc_bd, #statistic .rc_bd .rc_bc {background:transparent url( link hình ảnh) repeat center ;} |
Module Bình luận nhanh
Quote:
| #guestbook_entries .rc_bd, #guestbook_entries .rc_bd .rc_bc {background:transparent url( link hình ảnh) repeat center ;} |
Module Album
Quote:
| #feature_album .rc_bd, #feature_album .rc_bd .rc_bc {background:transparent url( link hình ảnh) repeat center ;} |
Module Tìm kiếm
Quote:
| #search_module .rc_bd, #search_module .rc_bd .rc_bc {background:transparent url( link hình ảnh) repeat center ;} |
Module Blog ưa Thích
Quote:
| #subscribe_highlight .rc_bd, #subscribe_highlight .rc_bd .rc_bc {background:transparent url( link hình ảnh) repeat center ;} |
Module Photo
Quote:
| #photo_highlight .rc_bd, #photo_highlight .rc_bd .rc_bc {background:transparent url( link hình ảnh) repeat center ;} |
Quote:
| #user_mod_100x .rc_bd, #user_mod_100x .rc_bd .rc_bc {background:transparent url( link hình ảnh) repeat center ;} |
Phần bottom của Module
Module Bài Mới
Quote:
| #article_new .rc_ft {background:transparent url( link hình ảnh) no-repeat center bottom;height:xxpx;} |
Quote:
| #folder .rc_ft {background:transparent url( link hình ảnh) no-repeat center bottom;height:xxpx;} |
Module Calendar
Quote:
| #calendar .rc_ft {background:transparent url( link hình ảnh) no-repeat center bottom;height:xxpx;} |
Module Comment
Quote:
| #comment_new .rc_ft {background:transparent url( link hình ảnh) no-repeat center bottom;height:xxpx;} |
Module Friendlist
Quote:
| #friendlist_module .rc_ft {background:transparent url( link hình ảnh) no-repeat center bottom;height:xxpx;} |
Module Thống kê
Quote:
| #statistic .rc_ft {background:transparent url( link hình ảnh) no-repeat center bottom;height:xxpx;} |
Module Tin Nhắn
Quote:
| #feature_mb . rc_ft {background:transparent url( link hình ảnh) no-repeat center bottom;height:xxpx;} |
Module Album
Quote:
| #feature_album .rc_ft {background:transparent url( link hình ảnh) no-repeat center bottom;height:xxpx;} |
Module Tìm kiếm
Quote:
| #search_module .rc_ft {background:transparent url( link hình ảnh) no-repeat center bottom;height:xxpx;} |
Module Blog ưa Thích
Quote:
| #subscribe_highlight .rc_ft {background:transparent url( link hình ảnh) no-repeat center bottom;height:xxpx;} |
Module Photo
Quote:
| #photo_highlight .rc_ft {background:transparent url( link hình ảnh) no-repeat center bottom;height:xxpx;} |
Quote:
| #user_mod_1000x .rc_ft {background:transparent url( link hình ảnh) no-repeat center bottom;height:xxpx;} |
Nguồn : chúng tôi sưu tầm từ nhiều nguồn
Chúng tôi tuyên thiết kế web chuyên nghiệp đẳng cấp giá rẻ với 5 năm kinh nghiệm trong lĩnh vực thiết kế website nếu các bạn có nhu cầu có thể liên hệ Hotline: 0962 66 57 57 || Email: cmay.tt@gmail.com || website: cmay.vn
0 nhận xét:
Đăng nhận xét