Bài mới nhất

Sửa Đóng
Thư mục: Thủ thuật |
Đăng ngày: 23:37 02-06-2009

Trong suốt nền Tiêu Đề các Module :
Code:
.col-150 .rc_bd .rc_bc .hd .titlebar . hd,.col-150 .rc_bd .rc_bc . hd .titlebar{background:transparent;}
.col-600 .rc_bd .rc_bc . hd .titlebar . hd,.col-600 .rc_bd .rc_bc . hd .titlebar{background:transparent;}.col-150 .rc_bd .rc_bc . hd .titlebar . hd, {background:transparent;}

Có 1 câu hỏi nữa là nếu đã làm trong suốt như vậy thì có thể chèn ảnh nền thêm nữa vào ko nhỉ ?
Câu trả lời là được. Bạn có thể chèn thêm ảnh nền vào các Module bằng cách như sau
:

Đối với 2 Module phụ :
Bạn có thể thêm vào sau đọan transparent bằng dòng url(Link ảnh) với link ảnh nền : Code:
.col-150 .rc_bd .rc_bc .bd {background:transparent url(Link ảnh nền);}

Đối với Module chính : Cũng thêm dòng url() :
Code:
.col-600 .rc_bd .rc_bc .bd {background:transparent url(Link ảnh nền);}

Nền tiêu đề các Module : (col-150 là Module phụ, col-600 là module chính)
Code:
.col-150 .rc_bd .rc_bc . hd .titlebar . hd,.col-150 .rc_bd .rc_bc . hd .titlebar {background:transparent url(Link ảnh tiêu đề);}
.col-600 .rc_bd .rc_bc . hd .titlebar . hd,.col-600 .rc_bd .rc_bc . hd .titlebar{background:transparent url(Link ảnh tiêu đề);}

Đối với Module tự tạo:
Module tự tạo sẽ có số hiệu từ 10001-10010.Tuỳ Module số bao nhiêu mà bạn thay chữ X này bằng số thích hợp nhé. (Nhấn vào "Thiết kế" sẽ biết module đó là số bao nhiêu)

#user_mod_1000X .rc_bd .rc_bc . hd .titlebar . hd{background:transparent;}
#user_mod_1000X .rc_bd .rc_bc .bd {background:transparent;}

Tổng hợp các Code dùng để thay đổi nền các Module cho Blog của bạn
Ảnh nền Bảng tin nhắn
Code:
BODY.guestbook {BACKGROUND:url(URL ảnh) #000000 fixed;}
Ảnh nền của bộ đếm Statistic
Code:
#statistic .bd {background:#FFFFFF url(URL ảnh);}
Ảnh nền của phần comments
Code:
#comment_new .bd {background:#FFFFFF url(URL ảnh);}
Ảnh nền của phần Thư mục
Code:
#folder .bd {background:#FFFFFF url(URL ảnh);}
Ảnh nền của phần lịch Code:
#calendar .bd {background:#FFFFFF url(URL ảnh);}
/* 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(ul ảnh) #000000 fixed;}

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


Những phần màu vàng bạn có thể thay thế bằng những URL ảnh của bạn đó

Nguồn vu nguyen blog