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ínhCalendarGalleryTrợ giúpTìm kiếmThành viênNhómĐăng kýĐăng Nhập

Share | 
 

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

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down 
Tác giảThông điệp
Admin
Admin
Admin
avatar

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

Bài gửiTiêu đề: Code hình nền các Modlue (CSS)....   Sun 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(http://illiweb.com/fa/pbucket.gif) #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://illiweb.com/fa/pbucket.gif) #653e16 top right repeat;}
#profile_highlight_module .bd {background:url(http://illiweb.com/fa/pbucket.gif) #653e16 bottom right no-repeat;}
/* Chèn hình nền cho module fiendlist */
#friendlist_module .rc_bd {background:url(http://illiweb.com/fa/pbucket.gif) #653e16 top right repeat;}
#friendlist_module .bd {background:url(http://illiweb.com/fa/pbucket.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://illiweb.com/fa/pbucket.gif) #653e16 top right repeat;}
#article_new .bd {background:url(http://illiweb.com/fa/pbucket.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://illiweb.com/fa/pbucket.gif) #653e16 top right repeat;}
#folder .bd {background:url(http://illiweb.com/fa/pbucket.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://illiweb.com/fa/pbucket.gif) #653e16 top right repeat;}
#comment_new .bd {background:url(http://illiweb.com/fa/pbucket.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://illiweb.com/fa/pbucket.gif) #653e16 top right repeat;}
#statistic .bd {background:url(http://illiweb.com/fa/pbucket.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://illiweb.com/fa/pbucket.gif) #653e16 top right repeat;}
#subscribe_highlight .bd {background:url(http://illiweb.com/fa/pbucket.gif) #653e16 bottom right no-repeat;}

/* Chèn hình nền cho module Lịch*/
#calendar .rc_bd .rc_bc {background:url(http://illiweb.com/fa/pbucket.gif) #653e16 top right repeat;}
#calendar .bd {background:url(http://illiweb.com/fa/pbucket.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://illiweb.com/fa/pbucket.gif) #653e16 top right repeat;}
#user_mod_10001 .bd {background:url(http://illiweb.com/fa/pbucket.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
Xem lý lịch thành viên http://aotrangvietnam.forumvi.com
 
Code hình nền các Modlue (CSS)....
Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang 
Trang 1 trong tổng số 1 trang

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