Welcome to my forum ♣ºBibiTheWindsº♣
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.


Nơi chia sẻ, học hỏi kinh nghiệm về cuộc sống thời học sinh- sinh viên. Thủ thuật máy tính, blog, photoshop .....
 
Trang ChínhGalleryLatest imagesTìm kiếmĐăng kýĐăng Nhập

 

 Code hình nền các Modlue (CSS)....

Go down 
Tác giảThông điệp
Admin
Admin
Admin
Admin


Tổng số bài gửi : 132
Join date : 19/01/2011
Age : 33
Đến từ : Bắc Ninh City

Code hình nền các Modlue (CSS).... Empty
Bài gửiTiêu đề: Code hình nền các Modlue (CSS)....   Code hình nền các Modlue (CSS).... I_folder_locked_bigSun Jan 30, 2011 11:18 am

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);}

Ảnh nền của trang Profiles
Code:
BODY.profile_view {BACKGROUND:url (URL ảnh) #000000 fixed;}
.: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(https://2img.net/h/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(https://2img.net/h/i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}
#profile_highlight_module .bd {background:url(https://2img.net/h/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(https://2img.net/h/i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}
#friendlist_module .bd {background:url(https://2img.net/h/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(https://2img.net/h/i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}
#article_new .bd {background:url(https://2img.net/h/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(https://2img.net/h/i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}
#folder .bd {background:url(https://2img.net/h/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(https://2img.net/h/i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}
#comment_new .bd {background:url(https://2img.net/h/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(https://2img.net/h/i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}
#statistic .bd {background:url(https://2img.net/h/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(https://2img.net/h/i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}
#subscribe_highlight .bd {background:url(https://2img.net/h/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(https://2img.net/h/i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}
#calendar .bd {background:url(https://2img.net/h/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(https://2img.net/h/i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}
#user_mod_10001 .bd {background:url(https://2img.net/h/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 .
Về Đầu Trang Go down
https://aotrangvietnam.forumvi.com
 
Code hình nền các Modlue (CSS)....
Về Đầu Trang 
Trang 1 trong tổng số 1 trang
 Similar topics
-
» Bộ sưu tập hình nền Valentine đẹp...
» Code Css nền Toolbar phần nền commnets blog 360plus...
» Code trong suốt Blog360plus Toàn Tập
» Hiệu ứng hình ảnh(Phóng to- thu nhỏ) khi rê chuột...!
» Flash đẹp trang trí cho blog và hình ảnh

Permissions in this forum:Bạn không có quyền trả lời bài viết
Welcome to my forum ♣ºBibiTheWindsº♣ :: -‘๑’- Mạng Xã Hội-Tổng Hợp Các Thủ Thuật Blog-‘๑’- :: ºThủ Thuật Blog Cơ Bảnº-
Chuyển đến