Diễn Đàn GiaoLưu - GặpMặt Của Người Nghệ An

.
 
Trang ChínhCalendarTrợ giúpTìm kiếmThành viênNhómĐăng kýĐăng Nhập

Share | 
 

 Code làm trong suốt blog toàn tập

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

Tổng số bài gửi : 163
Join date : 08/06/2010

Bài gửiTiêu đề: Code làm trong suốt blog toàn tập   Tue Jun 08, 2010 4:42 pm

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:none;}
.alist-comment #comment_container *, .cmt-mod-alist #comments-listing , .cmt-mod-alist #comments-listing .alist-comment {background:none;}

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;}
Về Đầu Trang Go down
Xem lý lịch thành viên http://37-fc.forumvi.com
vietdung_QC

avatar

Tổng số bài gửi : 51
Join date : 08/06/2010
Age : 28
Đến từ : QUY CHAU

Bài gửiTiêu đề: vao xem thu khoi can trinh bay   Tue Jun 08, 2010 9:26 pm

Về Đầu Trang Go down
Xem lý lịch thành viên
Admin
Admin
Admin
avatar

Tổng số bài gửi : 163
Join date : 08/06/2010

Bài gửiTiêu đề: Re: Code làm trong suốt blog toàn tập   Tue Jun 08, 2010 9:38 pm

Đẹp đấy

pale pale pale
Về Đầu Trang Go down
Xem lý lịch thành viên http://37-fc.forumvi.com
Sponsored content




Bài gửiTiêu đề: Re: Code làm trong suốt blog toàn tập   

Về Đầu Trang Go down
 
Code làm trong suốt blog toàn tập
Về Đầu Trang 
Trang 1 trong tổng số 1 trang
 Similar topics
-
» Test an ninh trong Inmarsat_C
» [ĐBCB] TOP nói về những cảnh "hot" trong phim "Tazza 2" trên tạp chí Arena Homme Plus
» Thiết bị trên boong
» Độ dịch hệ trắc địa
» [Forum fic] Back to nature >> chap 9

Permissions in this forum:Bạn không có quyền trả lời bài viết
Diễn Đàn GiaoLưu - GặpMặt Của Người Nghệ An :: Chia Sẻ :: - ‘๑’- Yahoo 360 Plus! - ‘๑’--
Chuyển đến