Đăng ngày: 19:41 29-07-2009
A-Code trong suốt
I. Code làm trong suốt nền và tiêu đề các module chính và module phụ
1. Đoạn code sau sẽ làm trong suốt nền cho các module chính và phụ ở blog bạn
Code:
.col-150 .rc_bd .rc_bc .bd {background:transparent;}
.col-600 .rc_bd .rc_bc .bd {background:transparent;}
.row-920 .rc_bd .rc_bc .bd {background:transparent;}
Chú thích: thông số 150 là cho module nhỏ,
600 là module chính to (ví dụ như mục bài viết của bạn), và 920 là
module to nhất trong blog bạn, nếu bạn ko muốn module nào trong suốt
thì bỏ cái dòng làm trong suốt của module đó đi.
2. Còn đây là code làm nền tiêu đề module trong suốt
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;}
.row-920 .rc_bd .rc_bc .hd .titlebar .hd,.row-920 .rc_bd .rc_bc .hd .titlebar{background:transparent;}
II. Đối với module tự tạo
1. Code làm trong suốt nền tiêu đề:
Code:
#user_mod_1000X .rc_bd .rc_bc .hd .titlebar .hd,#user_mod_1000X .rc_bd .rc_bc .hd .titlebar{background:transparent;}
2. Code làm trong suốt nền module:
Code:
#user_mod_1000X .rc_bd .rc_bc .bd {background:transparent;}
III. Code làm trong suốt một số module khác
1. Module tâm trạng
Code:
#mod_lifeline div.bd, #mod_lifeline div.rc_bc {background:transparent!important;}
2. Module friendlist
Code:
#friendlist_module .rc_bd .rc_bc .hd .titlebar .hd{background:transparent;}
3. Làm trong suốt blast
Code:
#blast .rc_bc .bd{background:transparent;}
#blast .rc_ft, #blast .rc_ft div{background:transparent no-repeat left top;} #blast .rc div {background:transparent ;}
#blast .rc {background:transparent ;}
#blast .rc_bd div.rc_bc {background:transparent ;}
#blast .rc_bd {background:transparent ;}
#blast .rc_ft {background:transparent ;}
#blast .rc_ft div {background:transparent ;}
4. Làm trong module tên blog
Code:
#blog_title .bd{background:transparent}
5. Làm trong suốt tổng số trang (dưới entry, không biết phải gọi là module gì)
Code:
.mod-alist-summary .pagination, .mod-alist-full .pagination{background:transparent}
6. Làm trong suốt nền cmm (khung bình luận của bài viết)
Code:
.cmt-mod-alist #comments-listing .extend-hd, .cmt-mod-alist #comments-listing .extend-bd .alist-comment {background
one;}
.alist-comment #comment_container *, .cmt-mod-alist #comments-listing ,
.cmt-mod-alist #comments-listing .alist-comment {backgroundone;}
Chú thích: Code này chỉ nên sử dụng khi blog bạn thiên về một background lớn bao quát toàn blog, và thiên về sử dụng trong suốt các module
7. Làm trong suốt viền các module
Code:
#friend-list .rc div, #friendlist_module .rc div, .rc div,.col-150 .rc div {background:transparent ;}
#friend-list .rc, #friendlist_module .rc, .rc,.col-150 .rc {background:transparent ;}
#friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc,.col-150 .rc_bd {background:transparent ;}
#friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd,.col-150 .rc_bd div.rc_bc {background:transparent ;}
#friend-list .rc_ft div, #friendlist_module .rc_ft div, .rc_ft div, .col-150 .rc_ft div {background:transparent ;}
#friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, .col-150 .rc_ft {background:transparent ;}
Chắc là đủ rồi nhỉ !
Chú ý ngoài các cách trên, không nhất thiết bạn
phải làm trong suốt cho toàn bộ module trong blog bạn, thay vào đó các
bạn chỉ cần làm trong suốt một số module cần thiết, nó cũng không kém
phần độc đáo đâu
IV. Cách làm trong suốt nâng cao
Phần này các bạn có thể không cần phải đọc
1. Làm trong suốt phần đầu trang của blog, một số người gọi là black box
Thường thì cái này làm trong suốt cũng được và ko làm trong suốt cũng được, như mình là cứ để nguyên thôi
Code:
#blog_masshead .rc{background:transparent;} #blog_masshead .rc
div{background:transparent;} #blog_masshead
.rc_bd{background:transparent;} #blog_masshead
.rc_bc{background:transparent;} #blog_masshead
.rc_ft{background:transparent;} #blog_masshead .rc_ft
div{background:transparent;} #blog_masshead
.bd{background:transparent;} #blog_masshead{background:transparent}
2. Làm trong suốt footer của blog
Là phần dưới cùng của blog, có ghi bản quyền, các bạn có thể làm trong suốt nó nếu các bạn không thích
Code:
#footer
.ft .provider p, #footer .ft .info p, #footer .ft .rights p, #footer
.ft .privacy p, #footer .ft .disclaimer p, #footer .ft .provider h4,
#footer a, .rights, #footer {font-size:0px;color:transparent;}
Đến đây lại có một tình huống đặt ra, đó là nó đã trong suốt, nhưng vẫn
còn những đường kẻ trắng nhỏ, và vẫn còn các chữ bản quyền, nếu bạn
muốn mất nốt nó đi thì dùng code này
Code:
#footer{background:transparent;}
B-Code themes cho blog
I. Themes cho toàn trang
Là
themes cho toàn bộ trang màn hình blog của bạn, có thể dùng ảnh động
hoặc ảnh kích cỡ nhỏ để rp, tùy theo các sáng tạo của bạn, hoặc là một
hình lớn, bao trùm cả blog
Code:
BODY.blog_my {BACKGROUND:url(Link ảnh) #mã màu fixed;}
Fixed
là để themes đứng yên, không bị cuốn theo khi các bạn di chuyển, bỏ đi
hay không là tùy các bạn, hoặc là thay bằng repeat để lặp lại hình (do
một số blogger nói), nhưng mình thấy không cần thiết vì nếu hình ảnh
của bạn bé hơn độ phân giải bạn đang dùng nó sẽ tự repeat
II. Themes gồm top và bottom
Themes
này có thể được bổ trợ cùng với themes trên, vì nó chỉ dùng cho khoảng
cách xa nhất giữa phần đầu cột module bên trái sang đầu kia của cột
module bên phải của bạn
Code cho phần top
#head {background:transparent url(link ảnh) no-repeat center top;height:Apx;}
Code cho phần bottom
#bd {background:transparent url(link ảnh) no-repeat center bottom;}
III. Themes cho các module
Ở phần này, các bạn có thể lựa chọn giữa 2 cách làm là chèn themes cho module hoặc là thiết kế module theo ý bạn
1. Chèn themes cho module:
Ảnh nền cho module bài mới
Code: #article_new .rc_bd .rc_bc .bd {background:transparent url(Link Ảnh);}
Ảnh nền cho module profiles (nick name)
Code: #profile_hig**ight .rc_bd .rc_bc .bd {background:transparent url(Link Ảnh);}
Ảnh nền cho module tìm kiếm
Code: #search_module .rc_bd .rc_bc .bd {background:transparent url(Link Ảnh);}
Ảnh nền cho module cập nhật ngày
Code: #update_date .rc_bd .rc_bc .bd {background:transparent url(Link Ảnh);}
Ảnh nền cho module friendlist
Code nền tiêu đề: #friendlist_module .rc_bd .rc_bc .hd .titlebar .hd{background:transparent url(Link Ảnh);}
Code nền module: #friendlist_module .rc_bd .rc_bc .bd {background:transparent url(Link Ảnh);}
Ảnh nền cho bảng tin nhắn
Code: BODY.guestbook {BACKGROUND:url(link ảnh) #000000 fixed;}
Ảnh nền cho module thống kêCode: #statistic .bd {background:#FFFFFF url(link ảnh);}
Ảnh nền cho module commentCode: #comment_new .bd {background:#FFFFFF url(link ảnh);}
Ảnh nền cho module thư mục riêng
Code: #folder .bd {background:#FFFFFF url(link ảnh);}
Ảnh nền cho module lịch
Code: #calendar .bd {background:#FFFFFF url(link ảnh);}
Ảnh nền cho trang profiles
Code: BODY.profile_view {BACKGROUND:url (link ảnh) #000000 fixed;}
Ảnh nền cho blog yêu thích
Code: #subscribe_hig**ight .bd {background:#FFFFFF url(link ảnh);}
Ảnh nền cho các module tự tạo
Code: #user_mod_1000X .bd {background:#FFFFFF url(link ảnh);}
X: là số thứ tự của module
2. Thiết kế module
Các cách thiết kế thông dụng là chia thành 3 hoặc 4 phần
Sau đây mình sẽ hướng dẫn các bạn sử dụng code chia thành 3 phần
- Phần trên
- Phần giữa
- Phần cuối
Code cho phần trên
.col-150 .rc,
#article_new .rc ,
#search_module .rc ,
#calendar .rc,
#folder .rc ,
#update_date .rc,
#statistic .rc ,
#friendlist_module .rc ,
#comment_new .rc ,
#subscribe_hig**ight .rc ,
#user_mod_10001 .rc {background:transparent url(Link Hình) no-repeat center bottom;height:59px;}
Code cho phần giữa
.col-150 .rc_bd,
#friendlist_module .rc_bd ,
#statistic .rc_bd,
#update_date .rc_bd ,
#folder .rc_bd ,
#calendar .rc_bd ,
#search_module .rc_bd ,
#article_new .rc_bd ,
#subscribe_hig**ight .rc_bd ,
#comment_new .rc_bd {background:transparent url(Link Hình) repeat-y top center;}
Code cho phần cuối
.col-150 .rc_ft,
#friendlist_module .rc_ft ,
#statistic .rc_ft,
#update_date .rc_ft ,
#folder .rc_ft ,
#calendar .rc_ft ,
#search_module .rc_ft ,
#article_new .rc_ft ,
#subscribe_hig**ight .rc_ft ,
#comment_new .rc_ft {background:transparent url(Link Hình) no-repeat center top;height:17px;}
IV. Themes cho footer của blog
Chú ý: Phần này là phần nâng cao, ai thích đọc thì cứ đọc
Phần này mình lấy từ blog bạn [♥Classical Four♥]-[♥Nhóc Khỉ♥ ]
Có lẽ sẽ có nhiều bạn hỏi footer là cái gì ?
Trả lời rằng footer là cái hình dưới cùng của mỗi blog và ko có nhiều người để ý đến nó
Đây là hình minh họa
Đoạn Code sau sẽ làm ẩn đi các đư
ờng link + dòng chữ bản quyền, cái này không cần thiết lắm
Code:
#footer .ft .provider p, #footer .ft .info p, #footer .ft .rights p,
#footer .ft .privacy p, #footer .ft .disclaimer p, #footer .ft
.provider h4, #footer a, .rights, #footer
{font-size:0px;color:transparent;}
Còn đây là code để chèn background cho footer
Code:
#footer{background:transparent url(Link hình) no-repeat center;border-top:0px;height:Apx;}
A:
chiều cao của background
Bạn thay “Link” bằng link ảnh background mà bạn muốn thay…..
Hình minh họa một số footer đẹp:
[IMG]http://us.f2.yahoofs.com/lifestory/NfkMAt__DOT__ZGQQ2xJvP_bD3FuINSZ9HBQ0-_6/blog/ap_20081026083637367.jpg.jpg?lb_____D6k**bGUb[/IMG]
V. Ảnh nền cho module chính phụ
Phần này
cũng là nền cho các module chính phụ nhưng là code đã rút ngắn, thuận
tiện cho những ai làm nền cho module chính phụ bằng một hình ảnh giống
nhau
Code cho module chính:
.col-600 .rc_bd .rc_bc .bd {background:transparent url(Link ảnh);}
Code cho module phụ:
.col-150 .rc_bd .rc_bc .bd {background:transparent url(Link ảnh);}
Code cho nền tiêu đề module chính:
.col-150 .rc_bd .rc_bc .hd .titlebar .hd,.col-150 .rc_bd .rc_bc .hd .titlebar {background:transparent url(Link ảnh);}
Code cho nền tiêu đề module phụ:
.col-150 .rc_bd .rc_bc .hd .titlebar .hd,.col-150 .rc_bd .rc_bc .hd .titlebar {background:transparent url(Link ảnh);}
VI. Ảnh nền cho module tự tạo
Với module tự tạo, bạn có thể up ảnh trực tiếp vào module đó, hoặc sử dụng code sau:
Code cho nền tiêu đề:
#user_mod_1000X .rc_bd .rc_bc .hd .titlebar .hd,#user_mod_1000X.rc_bd .rc_bc .hd .titlebar{background:transparent;}
Code cho nền module:
#user_mod_1000X .rc_bd .rc_bc .bd {background:transparent;}
X: Các bạn thay bằng số thứ tự của các module đó
webcam_20091029_16181...
webcam_20091029_16164...
webcam_20091029_16111...
![[♥Đào Hoa Hội♥]](http://a367.yahoofs.com/lifestory/VvFwZJecFxjz438vp1fJ_oT__DOT__7spAnvA-_1/profile/tn_1.jpg?lb_____D2F1LvlQF)
Cách làm trong suốt Y!Plus
~~~~~~~~~~~~~
List music của Anna:
Click vào đây để nghe
Nhớ cho ý kiến nhá!
~~~~~~~~~~~~~
TỰ GIỚI THIỆU:
~~~~~~~~~~~~~
Tên:Anna Phước Bùi
~~~~~~~~~~~~~
Birthday:20/01/99
~~~~~~~~~~~~~
Phong cách:Cá tính,xì trum và dễ thương,đặc biệt là có duyên!!!
~~~~~~~~~~~~~
Tính tình:Vui tính,hoà đồng và hơi cọc.Hehe...
~~~~~~~~~~~~~
Mơ ước:Ba mẹ sống mãi với mình là hạnh phúc lắm rồi!
~~~~~~~~~~~~~
Nghề nghiệp cho tương lai:Trở thành một dược sỹ giỏi gian và được mở một tiệm thuốc thật lớn.
![[♥Đào Hoa Hội♥]](http://a367.yahoofs.com/lifestory/VvFwZJecFxjz438vp1fJ_oT__DOT__7spAnvA-_1/profile/gu_1.jpg?lb_____D.77AeBLy)
Tổng hợp tất cả các code cho Blog Plus
Tổng hợp tất cả các code cho Blog Plus
Tổng hợp tất cả các code cho Blog Plus
Tổng hợp tất cả các code cho Blog Plus
Tổng hợp tất cả các code cho Blog Plus
Vui tuổi học trò
Hỏi-Đáp
Xinh Xắn
NgưỜi đẹp nÀ!