Tải bản đầy đủ (.doc) (2 trang)

Bài soạn Các code CSS hay cho blog 360 plus

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (71.38 KB, 2 trang )

Cầm Minh Thuý, THCS Mường Thải, Phù Yên, Sơn La- Website: /> Các code CSS hay cho blog 360 plus
Các code cho CSS rất hay bạn nào muốn làm blog 360 thì ngiên cứu rất có ích.
Ảnh nền toàn blog bất động:
BODY.blog_my {BACKGROUND:url(link ảnh here) #000000 fixed;} Ảnh nền Top - Bottom như 360 cũ: #blast A, #blast
A:hover{ COLOR: #; } body{ background:/*Màu background*/;} #doc2, #doc{ background:/*Màu background*/ url( Link
ảnh Top) no-repeat center top;} #bd{ background:transparent url( Link ảnh Bottom) no-repeat center bottom;}
Chèn hình nền cho module thông tin cá nhân (module chứa avatar):
#profile_highlight_module .rc_bd .rc_bc {background:url(link ảnh here) #653e16 top right repeat;}
Chèn hình nền cho module fiendlist:
#friendlist_module .rc_bd {background:url(link ảnh here) #653e16 top right repeat;}
Chèn hình nền cho module Bài Mới:
#article_new .rc_bd .rc_bc {background:url(link ảnh here) #653e16 top right repeat;}
Chèn hình nền cho module Thư Mục Riêng:
#folder .rc_bd .rc_bc {background:url(link ảnh here) #653e16 top right repeat;}
Chèn hình nền cho module Comment mới:
#comment_new .rc_bd .rc_bc {background:url(link ảnh here) #653e16 top right repeat;}
Chèn hình nền cho module Thống Kê của plus
#statistic .rc_bd .rc_bc {background:url(link ảnh here) #653e16 top right repeat;}
Chèn hình nền cho module Blog yêu thích
#subscribe_highlight .rc_bd .rc_bc {background:url(link ảnh here) #653e16 top right repeat;}
Chèn hình nền cho module tự tạo, gồm 10 module từ 10001 => 10010, thay số tương ứng với module tự tạo mà bạn muốn
thay nền:
#user_mod_10001 .rc_bd .rc_bc{background:url(link ảnh here) #653e16 top right repeat;}
Chèn hình nền cho module Lịch
#calendar .rc_bd .rc_bc {background:url(link ảnh here) #653e16 top right repeat;}
Đoạn code này làm cho hình trái tim xuất hiện khi chuột rê vào các link trên blog:
a:hover {text-decoration:none; color:#D570EE; text-decoration:none; font-weight:bold; background-
image:url( />Làm đường viền các module trong suốt:
.rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div{background:transparent
url( no-repeat right bottom;} .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc
{background:transparent url( no-repeat left bottom;} .rc_bd div.rc_bc,


#subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_bd div.rc_bc{background:transparent
url( repeat-y right top;} .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article
.rc_bd {background:transparent url( repeat-y 0% 50%;} .rc_ft div,
#subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div {background:transparent
url( no-repeat right top;} .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article
.rc_ft {background:transparent url( no-repeat left top;} .rc_bc .bd, #subscribe_highlight
.rc_bc .bd, #mod-tagged-frd-article .rc_bc .bd {background-color:transparent;background-
image:url( #blast .rc_ft {background:transparent
Cầm Minh Thuý, THCS Mường Thải, Phù Yên, Sơn La- Website: />url( no-repeat left bottom;} #blast .rc_ft div {background:transparent
url( no-repeat right bottom;}
Chèn hình nền cho tựa đề Entry:
.mod-alist-full .main-hd{background:#FFFFFF url(link ảnh here)}
Chèn hình nền cho nội dung Entry:
.mod-alist-full .main-bd{background:#FFFFFF url(link ảnh here)}
Thay hình nền cho tất cả các tựa đề module:
#article_list_module .rc_bd .rc_bc .hd, .hd .titlebar .hd, #friendlist_module .hd, .mod-relatives .titlebar, .col-150 .rc_bd
.rc_bc .hd .titlebar .hd, .col-150 .rc_bd .rc_bc .hd .titlebar { background:transparent url(Link ảnh here) repeat; }
Thay hình nền cho tất cả các nội dung của module phụ (các module nhỏ, module con):
.col-150 .rc_bd .rc_bc .bd /* JW */ {background:transparent url(Link ảnh here);color:#FFFFFF;} );color:#FFFFFF;}
Để làm cho toàn blog trong suốt, các bạn hãy để trống các ô như trong hình:
Để cho blast trong suốt, thêm link ảnh nếu bạn muốn tạo blast trong suốt có hình nền:
#blast .rc_bc .bd{background-color:transparent;background-image:url(Link ảnh here);}
Để tạo chữ in đậm hoặc in nghiêng trong blast:
#blast .rc_bc .bd { font-weight:bold; Gõ chữ ở đây font-style:italic; Gõ chữ ở đây color: Mã color;}
Hình nền cho blast (ko dùng với blast trong suốt):
#blast .rc_bc .bd{background-color:transparent; background-image:url (Link ảnh here);} .rc div, .rc, .rc_bd, .rc_bd
div.rc_bc, .rc_ft div, .rc_ft{background:transparent no-repeat left top;} #blast .rc_ft, #blast .rc_ft div{background:transparent
no-repeat left top;}
Sưu tầm:

×