[Beta plus] Trong suốt toàn bộ cho blog

Hiện tại phiên bản mới của Blog Plus đã chặn triệt để các flash trừ youtube và yahoo khi chèn vào entry nên các code nhạc,flash chỉ chèn đc vào module thôi mọi người nhé ^^!
Cùng tham gia cuộc thi Fan Sign cho ChipLove nào ^^!
Đăng ký làm thành viên ChipLove's Family tại đây
Kho truyện tranh manga - anime tổng hợp
Tổng hợp các tut xử lý ảnh trong PhotoShop hay
Chèn nhạc vào Blog Plus cực nhanh, đẹp, chạy mãi

Chèn nhạc vào Blog Plus giao diện Iphone
Làm theme ngẫu nhiên cho Blog Plus - random themes
Tổng hợp Avatar cực kool cho Blog, yahoo [sad,love,fun..kiểu gì cũng có]

Hướng dẫn làm lời chào cho Blog Plus bằng nhạc [nâng cao]
Các lỗi khi chèn Code, nhạc Flash, CSS vào Blog và cách khắc phục
Chèn kênh iTv của VTC vào Blog nghe nhạc thoải mái đê

[update]
Thế giới Entry hay cho Blog của bạn

Chương trình download video trên youtube.com khi ko có IDM
Tạo thú cưng cho Blog Plus - cực mới - cực hot - hàng độc đây
Hướng dẫn chèn Code, CSS vào Blog
Chương trình tìm nick chat qua link blog plus
Chương trình thử CSS, theme cực nhanh..

Được viết bởi Chip ngày 26/01/2010 trong CSS - Làm đẹp cho Blog | 0 Ý kiến | 3064 lượt xem

Hôm nay chúng ta sẽ học một phần khá thú vị, đầy rắc rối và là thắc mắc lớn nhất của các blogger : làm trong suốt blog. Để làm trong suốt blog thì có thể dùng bảng có sẵn của Plus nhưng bảng đó thường bị lỗi. Vì vậy bài viết sẽ giới thiệu phương pháp trong suốt hoàn toàn bằng code CSS.

Ở cuối bài viết có code rút gọn tổng hợp trong suốt toàn bộ blog - trang chính

1. Module BlackBox - ygma (nóc nhà)

Trích:

#ygmatop, .ygmabg, #ygmasrchbtn, #ygmasrchquery, #ygmabot, #ygma .blogsrch .ipt, .blog_dummyselect .hd span, .blog_dummyselect .hd, .yuimenubar .hd u, .yuimenubar .hd b, .yuimenubar .hd i, .yuimenubarnav .yuimenubaritem {background:transparent !important;border-color:#fff;color:#fff;}/*olympia41124*/
.yuimenubarnav .yuimenubaritem, .yuimenubaritemlabel
{border-style:none;}
#ygma .btn, #ygma .btn .first-child{border-color:#fff;}
#ygmatop a,.ygmabg{color:#fff;}

2. Module Tên Blog

Trích:

#blog_title .rc_hd, #blog_title .rc_hd div, #blog_title .rc_bd, #blog_title .rc_bc, #blog_title .rc_ft, #blog_title .rc_ft div, #blog_title .rc_bd .rc_bc .bd{background:transparent;border-style:none}

3. Module Blast

Trích:

#blast .rc_hd, #blast .rc_hd div, #blast .rc_bd, #blast .rc_bc, #blast .rc_ft, #blast .rc_ft div, #blast .rc_bc .bd, #blast .tail{background:transparent;border-style:none;}

4. Module Profile

Trích:

#profile_highlight .rc_hd, #profile_highlight .rc_hd div, #profile_highlight .rc_bd, #profile_highlight .rc_bc, #profile_highlight .rc_ft, #profile_highlight .rc_ft div, #profile_highlight .rc_bc .bd{background:transparent;border-style:none;}

5. Module Tâm Trạng

Trích:

#mod_lifeline .rc_bd .rc_bc .hd .titlebar .hd, #mod_lifeline .rc_bd .rc_bc .hd .titlebar, #mod_lifeline .rc_hd, #mod_lifeline .rc_hd div, #mod_lifeline .rc_bd, #mod_lifeline .rc_bc, #mod_lifeline .rc_ft, #mod_lifeline .rc_ft div, #mod_lifeline .bd {background:transparent;border-style:none;}

6. Module Bình Luận Mới Nhất

Trích:

#comment_new .rc_bd .rc_bc .hd .titlebar .hd, #comment_new .rc_bd .rc_bc .hd .titlebar, #comment_new .rc_hd, #comment_new .rc_hd div, #comment_new .rc_bd, #comment_new .rc_bc, #comment_new .rc_ft, #comment_new .rc_ft div, #comment_new .rc_bc .bd{background:transparent;border-style:none}

7. Module Bài Mới Nhất

Trích:

#article_new .rc_bd .rc_bc .hd .titlebar .hd, #article_new .rc_bd .rc_bc .hd .titlebar, #article_new .rc_hd, #article_new .rc_hd div, #article_new .rc_bd, #article_new .rc_bc, #article_new .rc_ft, #article_new .rc_ft div, #article_new .rc_bc .bd{background:transparent;border-style:none;}

8. Module Thư Mục Riêng

Trích:

#folder .rc_bd .rc_bc .hd .titlebar .hd, #folder .rc_bd .rc_bc .hd .titlebar, #folder .rc_hd, #folder .rc_hd div, #folder .rc_bd, #folder .rc_bc, #folder .rc_ft, #folder .rc_ft div, #folder .rc_bc .bd{background:transparent;border-style:none}

9. Module Lịch

Trích:

#calendar .rc_bd .rc_bc .hd .titlebar .hd, #calendar .rc_bd .rc_bc .hd .titlebar, #calendar .rc_hd, #calendar .rc_hd div, #calendar .rc_bd, #calendar .rc_bc, #calendar .rc_ft, #calendar .rc_ft div, #calendar .rc_bc .bd{background:transparent;border-style:none;}

10. Module Cập Nhật Ngày

Trích:

#update_date .rc_bd .rc_bc .hd .titlebar .hd, #update_date .rc_bd .rc_bc .hd .titlebar, #update_date .rc_hd, #update_date .rc_hd div, #update_date .rc_bd, #update_date .rc_bc, #update_date .rc_ft, #update_date .rc_ft div, #update_date .rc_bc .bd{background:transparent;border-style:none;}

11. Module Thống Kê

Trích:

#statistic .rc_bd .rc_bc .hd .titlebar .hd, #statistic .rc_bd .rc_bc .hd .titlebar, #statistic .rc_hd, #statistic .rc_hd div, #statistic .rc_bd, #statistic .rc_bc, #statistic .rc_ft, #statistic .rc_ft div, #statistic .rc_bc .bd{background:transparent;border-style:none;}

12. Module Danh Sách Bạn Bè

Trích:

#friendlist_module .rc_bd .rc_bc .hd .titlebar .hd, #friendlist_module .rc_bd .rc_bc .hd .titlebar, #friendlist_module .rc_hd, #friendlist_module .rc_hd div, #friendlist_module .rc_bd, #friendlist_module .rc_bc, #friendlist_module .rc_ft, #friendlist_module .rc_ft div, #friendlist_module .rc_bc .bd{background:transparent;border-style:none;}

13. Module RSS

Trích:

#rss_output .rc_bd .rc_bc .hd .titlebar .hd, #rss_output .rc_bd .rc_bc .hd .titlebar, #rss_output .rc_hd, #rss_output .rc_hd div, #rss_output .rc_bd, #rss_output .rc_bc, #rss_output .rc_ft, #rss_output .rc_ft div{background:transparent;border-style:none;}

14. Module Bài Viết

Trích:

#article_list_module .rc_bd .rc_bc .hd .titlebar .hd,#article_list_module .rc_bd .rc_bc .hd .titlebar, #article_list_module .rc_hd, #article_list_module .rc_hd div, #article_list_module .rc_bd, #article_list_module .rc_bc, #article_list_module .rc_ft, #article_list_module .rc_ft div, #article_list_module .rc_bc .bd, #article_list_module .mod-alist-searchbox input.btn, .cmt-mod-alist .comments-listing .hd, #comment_container li, #bd .rte_toolbar, .mod-trackback #trackback-listing, .mod-trackback ul, #article_list_module .pagination{background:transparent;border-style:none;}

#article_list_module .mod-alist-searchbox input.ipt{background:transparent;}

.cmt-mod-alist .comments-listing .bd, .mod-trackback .bd{background:transparent !important;}

15. Module Blog Tôi Thích

Trích:

#subscribe_highlight .rc_bd .rc_bc .hd .titlebar .hd, #subscribe_highlight .rc_bd .rc_bc .hd .titlebar, #subscribe_highlight .rc_hd, #subscribe_highlight .rc_hd div, #subscribe_highlight .rc_bd, #subscribe_highlight .rc_bc, #subscribe_highlight .rc_ft, #subscribe_highlight .rc_ft div, #subscribe_highlight .rc_bc .bd{background:transparent;border-style:none;}
.mod_all .rc_bd .bd ul.folder{border-bottom-width:0;}

16. Module Tìm

Trích:

#search_module .rc_bd .rc_bc .hd .titlebar .hd, #search_module .rc_bd .rc_bc .hd .titlebar, #search_module .rc_hd, #search_module .rc_hd div, #search_module .rc_bd, #search_module .rc_bc, #search_module .rc_ft, #search_module .rc_ft div, #search_module .rc_bc .bd, #search_module input.submit {background:transparent;border-style:none;}

#search_module input.textfield{background:transparent;}

17. Module Blog Về Tôi

Trích:

#mod-tagged-frd-article .rc_bd .rc_bc .hd .titlebar .hd, #mod-tagged-frd-article .rc_bd .rc_bc .hd .titlebar, #mod-tagged-frd-article .rc_hd, #mod-tagged-frd-article .rc_hd div, #mod-tagged-frd-article .rc_bd, #mod-tagged-frd-article .rc_bc, #mod-tagged-frd-article .rc_ft, #mod-tagged-frd-article .rc_ft div, #mod-tagged-frd-article .rc_bc .bd{background:transparent;border-style:none;}

18. Module Hình Ảnh Trong Blog

Trích:

#photo_highlight .rc_bd .rc_bc .hd .titlebar .hd, #photo_highlight .rc_bd .rc_bc .hd .titlebar, #photo_highlight .rc_hd, #photo_highlight .rc_hd div, #photo_highlight .rc_bd, #photo_highlight .rc_bc, #photo_highlight .rc_ft, #photo_highlight .rc_ft div, #photo_highlight .rc_bc .bd, #photo_highlight .ft{background:transparent;border-style:none;}

19. Module Bình Luận Nhanh

Trích:

#guestbook_entries .rc_bd .rc_bc .hd .titlebar .hd, #guestbook_entries .rc_bd .rc_bc .hd .titlebar, #guestbook_entries .rc_hd, #guestbook_entries .rc_hd div, #guestbook_entries .rc_bd, #guestbook_entries .rc_bc, #guestbook_entries .rc_ft, #guestbook_entries .rc_ft div, #guestbook_entries .rc_bc .bd{background:transparent;border-style:none;}

20. Module Hồ Sơ Blog - Thông Tin Cá Nhân

Trích:

#profile_card .rc_bd .rc_bc .hd .titlebar .hd, #profile_card .rc_bd .rc_bc .hd .titlebar, #profile_card .rc_hd, #profile_card .rc_hd div, #profile_card .rc_bd, #profile_card .rc_bc, #profile_card .rc_ft, #profile_card .rc_ft div, #profile_card .rc_bc .bd{background:transparent;border-style:none;}

21. Module Album

Trích:

#feature_link .rc_bd .rc_bc .hd .titlebar .hd, #feature_link .rc_bd .rc_bc .hd .titlebar, #feature_link .rc_hd, #feature_link .rc_hd div, #feature_link .rc_bd, #feature_link .rc_bc, #feature_link .rc_ft, #feature_link .rc_ft div, #feature_link .rc_bc .bd{background:transparent;border-style:none;}

22. Module Web Yêu Thích

Trích:

.col-150 .bookmark .rc_1, .col-150 .bookmark .rc_2, .col-150 .bookmark .rc_4, .col-150 .bookmark .new_rc_bd, .col-150 .bookmark .new_rc_bc, .col-600 .bookmark .rc_1, .col-600 .bookmark .rc_2, .col-600 .bookmark .rc_3, .col-600 .bookmark .rc_4, .col-600 .bookmark .rc_6, .col-600 .bookmark .new_rc_bd, .col-600 .bookmark .new_rc_bc, .row-760 .bookmark .rc_1, .row-760 .bookmark .rc_2, .row-760 .bookmark .rc_3, .row-760 .bookmark .rc_4, .row-760 .bookmark .rc_6, .row-760 .bookmark .new_rc_bd, .row-760 .bookmark .new_rc_bc, .row-920 .bookmark .rc_1, .row-920 .bookmark .rc_2, .row-920 .bookmark .rc_3, .row-920 .bookmark .rc_4, .row-920 .bookmark .rc_6, .row-920 .bookmark .new_rc_bd, .row-920 .bookmark .new_rc_bc{background:transparent!important;}

23. Module Tự Thiết Kế

Module Tự Thiết Kế 1 :

Trích:

#user_mod_10001 .rc_bd .rc_bc .hd .titlebar .hd, #user_mod_10001 .rc_bd .rc_bc .hd .titlebar, #user_mod_10001 .rc_hd, #user_mod_10001 .rc_hd div, #user_mod_10001 .rc_bd, #user_mod_10001 .rc_bc, #user_mod_10001 .rc_ft, #user_mod_10001 .rc_ft div, #user_mod_10001 .rc_bc .bd{background:transparent;border-style:none;}

Module Tự Thiết Kế 2 :

Trích:

#user_mod_10002 .rc_bd .rc_bc .hd .titlebar .hd, #user_mod_10002 .rc_bd .rc_bc .hd .titlebar, #user_mod_10002 .rc_hd, #user_mod_10002 .rc_hd div, #user_mod_10002 .rc_bd, #user_mod_10002 .rc_bc, #user_mod_10002 .rc_ft, #user_mod_10002 .rc_ft div, #user_mod_10002 .rc_bc .bd{background:transparent;border-style:none;}

Module Tự Thiết Kế 3 :

Trích:

#user_mod_10003 .rc_bd .rc_bc .hd .titlebar .hd, #user_mod_10003 .rc_bd .rc_bc .hd .titlebar, #user_mod_10003 .rc_hd, #user_mod_10003 .rc_hd div, #user_mod_10003 .rc_bd, #user_mod_10003 .rc_bc, #user_mod_10003 .rc_ft, #user_mod_10003 .rc_ft div, #user_mod_10003 .rc_bc .bd{background:transparent;border-style:none;}

Module Tự Thiết Kế 4 :

Trích:

#user_mod_10004 .rc_bd .rc_bc .hd .titlebar .hd, #user_mod_10004 .rc_bd .rc_bc .hd .titlebar, #user_mod_10004 .rc_hd, #user_mod_10004 .rc_hd div, #user_mod_10004 .rc_bd, #user_mod_10004 .rc_bc, #user_mod_10004 .rc_ft, #user_mod_10004 .rc_ft div, #user_mod_10004 .rc_bc .bd{background:transparent;border-style:none;}

Module Tự Thiết Kế 5 :

Trích:

#user_mod_10005 .rc_bd .rc_bc .hd .titlebar .hd, #user_mod_10005 .rc_bd .rc_bc .hd .titlebar, #user_mod_10005 .rc_hd, #user_mod_10005 .rc_hd div, #user_mod_10005 .rc_bd, #user_mod_10005 .rc_bc, #user_mod_10005 .rc_ft, #user_mod_10005 .rc_ft div, #user_mod_10005 .rc_bc .bd{background:transparent;border-style:none;}

Module Tự Thiết Kế 6 :

Trích:

#user_mod_10006 .rc_bd .rc_bc .hd .titlebar .hd, #user_mod_10006 .rc_bd .rc_bc .hd .titlebar, #user_mod_10006 .rc_hd, #user_mod_10006 .rc_hd div, #user_mod_10006 .rc_bd, #user_mod_10006 .rc_bc, #user_mod_10006 .rc_ft, #user_mod_10006 .rc_ft div, #user_mod_10006 .rc_bc .bd{background:transparent;border-style:none;}

Module Tự Thiết Kế 7 :

Trích:

#user_mod_10007 .rc_bd .rc_bc .hd .titlebar .hd, #user_mod_10007 .rc_bd .rc_bc .hd .titlebar, #user_mod_10007 .rc_hd, #user_mod_10007 .rc_hd div, #user_mod_10007 .rc_bd, #user_mod_10007 .rc_bc, #user_mod_10007 .rc_ft, #user_mod_10007 .rc_ft div, #user_mod_10007 .rc_bc .bd{background:transparent;border-style:none;}

Module Tự Thiết Kế 8 :

Trích:

#user_mod_10008 .rc_bd .rc_bc .hd .titlebar .hd, #user_mod_10008 .rc_bd .rc_bc .hd .titlebar, #user_mod_10008 .rc_hd, #user_mod_10008 .rc_hd div, #user_mod_10008 .rc_bd, #user_mod_10008 .rc_bc, #user_mod_10008 .rc_ft, #user_mod_10008 .rc_ft div, #user_mod_10008 .rc_bc .bd{background:transparent;border-style:none;}

Module Tự Thiết Kế 9 :

Trích:

#user_mod_10009 .rc_bd .rc_bc .hd .titlebar .hd, #user_mod_10009 .rc_bd .rc_bc .hd .titlebar, #user_mod_10009 .rc_hd, #user_mod_10009 .rc_hd div, #user_mod_10009 .rc_bd, #user_mod_10009 .rc_bc, #user_mod_10009 .rc_ft, #user_mod_10009 .rc_ft div, #user_mod_10009 .rc_bc .bd{background:transparent;border-style:none;}

Module Tự Thiết Kế 10 :

Trích:

#user_mod_10010 .rc_bd .rc_bc .hd .titlebar .hd, #user_mod_10010 .rc_bd .rc_bc .hd .titlebar, #user_mod_10010 .rc_hd, #user_mod_10010 .rc_hd div, #user_mod_10010 .rc_bd, #user_mod_10010 .rc_bc, #user_mod_10010 .rc_ft, #user_mod_10010 .rc_ft div, #user_mod_10010 .rc_bc .bd{background:transparent;border-style:none;}

Như vậy là chúng ta đã trong suốt tất cả các module ở trang chính blog. Ngoài cách trong suốt từng module ta còn có thể trong suốt theo vị trí module.

24. Module phụ hẹp

Trích:

.col-150 .rc_bd .rc_bc .hd .titlebar .hd, .col-150 .rc_bd .rc_bc .hd .titlebar, .col-150 .rc_hd, .col-150 .rc_hd div, .col-150 .rc_bd, .col-150 .rc_bc, .col-150 .rc_ft, .col-150 .rc_ft div, .col-150 .rc_bd .rc_bc .bd{background:transparent;border-style:none;}

25. Module chính rộng

Trích:

.col-600 .rc_bd .rc_bc .hd .titlebar .hd, .col-600 .rc_bd .rc_bc .hd .titlebar, .col-600 .rc_hd, .col-600 .rc_hd div, .col-600 .rc_bd, .col-600 .rc_bc, .col-600 .rc_ft, .col-600 .rc_ft div, .col-600 .rc_bd .rc_bc .bd, .col-600 .rc_bd .rc_bc .ft{background:transparent;border-style:none;}

26. Module dài ở đầu và cuối blog kiểu dàn trang 2 cột

Trích:

.row-760 .rc_bd .rc_bc .hd .titlebar .hd, .row-760 .rc_bd .rc_bc .hd .titlebar, .row-760 .rc_hd, .row-760 .rc_hd div, .row-760 .rc_bd, .row-760 .rc_bc, .row-760 .rc_ft, .row-760 .rc_ft div, .row-760 .rc_bd .rc_bc .bd, .row-760 .rc_bd .rc_bc .ft{background:transparent;border-style:none;}

27. Module dài ở đầu và cuối blog kiểu dàn trang 3 cột

Trích:

.row-920 .rc_bd .rc_bc .hd .titlebar .hd, .row-920 .rc_bd .rc_bc .hd .titlebar, .row-920 .rc_hd, .row-920 .rc_hd div, .row-920 .rc_bd, .row-920 .rc_bc, .row-920 .rc_ft, .row-920 .rc_ft div, .row-920 .rc_bd .rc_bc .bd, .row-920 .rc_bd .rc_bc .ft{background:transparent;border-style:none;}

28. Phần tổng cộng lời bình và comment

Trích:

.cmt-mod-alist .comments-listing .hd, #comment_container li, #bd .rte_toolbar, .mod-trackback #trackback-listing, .mod-trackback ul {background:transparent;border-style:none;}

.cmt-mod-alist .comments-listing .bd, .mod-trackback .bd{background:transparent !important;}

29. Phần tổng số trang

Trích:

.pagination{background:transparent;}

30. Đường viền các module

Trích:

.rc_hd, .rc_hd div, .rc_bd, .rc_bd .rc_bc, .rc_ft, .rc_ft div{background:transparent;border-style:none;}

31. Thông Tin Bản Quyền Blog

Trích:

#ft{background:transparent;}/*olympia41124*/

Hoặc

Trích:

#ft{background:transparent;font-size:0;}

Ở trên là code trong suốt từng phần cho blog. Nếu bạn muốn trong suốt toàn bộ blog và nhận thấy có quá nhiều code phải sử dụng thì hãy dùng code rút gọn trong suốt toàn blog. Lưu ý phần code rút gọn này chưa bao gồm code trong suốt nóc nhà và module web yêu thích.

Nguồn: Olympia41124 - vietnam360plus.com

Bài viết cùng chuyên mục

Làm đẹp cho khung Comment + Toolbar của Blog (46639)
Xóa nút next và prev và thân modun trong modun tâm trạng (1409)
CSS làm biến mất tên Module (1590)
[Beta Plus] Thay nút Home page, Thêm bạn, Blog yêu thích (7000)
[Beta Plus] Kéo dài khung soạn thảo bình luận (1644)
Một số thanh công cụ mới của plus (8168)
Thay đổi hình ảnh ngăn dòng bài viết trong Blog (6919)
Thay đổi icon thanh công cụ comment (6203)
Xóa bỏ nóc nhà blog Plus (5338)
Code CSS làm theme 2 mảnh cho Blog Plus (793)

Coppy đường link dưới đây gửi đến nick yahoo bạn bè!
[Beta plus] Trong suốt toàn bộ cho blog >>> Click vào xem đê ->> http://thuthuat.chiplove.biz/p-467/Beta-plus-Trong-suot-toan-bo-cho-blog.html Yên tâm ko có virus đâu ^^! Vào xem đi ChipLove.Biz toàn cái hay thui \:D/ :x :-j :"> hị hị Ủng hộ tớ phát nào :x :* Nhá :P