Chào mừng quý vị đến với website của ...
Quý vị chưa đăng nhập hoặc chưa đăng ký làm thành
viên, vì vậy chưa thể tải được các tài liệu của
Thư viện về máy tính của mình.
Nếu chưa đăng ký, hãy nhấn vào chữ ĐK thành viên ở phía bên trái, hoặc xem phim hướng dẫn tại đây
Nếu đã đăng ký rồi, quý vị có thể đăng nhập ở ngay phía bên trái.
Nếu chưa đăng ký, hãy nhấn vào chữ ĐK thành viên ở phía bên trái, hoặc xem phim hướng dẫn tại đây
Nếu đã đăng ký rồi, quý vị có thể đăng nhập ở ngay phía bên trái.
Gốc > Kinh nghiệm tin học > Flash - code >
Sau đây là cách thực hiện :
(Lưu ý : Sử dụng Mozilla FireFox 3 hoặc IE7 để có thể hiển thị tốt hiệu ứng phóng to ảnh trong Bài Viết nhé )
2. Module Bài Viết :
3. Nền Module :
4 - Đường Viền ( Boder ) của Blog :
7 - Tổng số Trang :
8 - Module Tâm Trạng :
9 - Phần Xem Thêm Module Hình Ảnh
10 - Module Tên blog :
11 - Làm trong suốt Hình Ảnh Trong Blog ( Gallery ) :
12 - Trong suốt Profile Info :
Ngọc Hòa @ 00:02 26/07/2010
Số lượt xem: 132
Làm trong suốt Blog hoàn toàn [Update]
Quan trọng
Trong lúc thiết kế Blog, nhiều bạn cũng rất thích làm cho các nền Module, Blog và một số phần trở nên trong suốt, và cũng có rất nhiều bài viết về các mục đó. Tuy nhiên các bài này chỉ thường viết về một phần nào đó thôi, vì thế hôm nay mình tổng hợp lại tất cả các phần trong Blog bạn có thể làm trong suốt nhé !
Sau đây là cách thực hiện :
(Lưu ý : Sử dụng Mozilla FireFox 3 hoặc IE7 để có thể hiển thị tốt hiệu ứng phóng to ảnh trong Bài Viết nhé )
Rê chuột vào hình để phóng lớn nếu nhìn không rõ !!!
1. Black Box trên cùng của Blog :Tuy là phần này không cần thiết lắm, nhưng ai thích làm trong suốt cái này thì dùng Code này nhé :
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. Module Bài Viết :
Vấn đề này tuy không mới nhưng cũng có khá nhiều bạn thắc mắc, sau đây là cách làm :
Cách 1 :
Cách 2 : Dùng Code.
Cách này thì đơn giản hơn nhiều. Các bạn chỉ việc bỏ Code này vào CSS là xong.
Thế là xong, Module Bài Viết của bạn đã trong suốt hoàn toàn rồi đấy.
Cách 1 :
- Đầu tiên bạn Click Thiết Kế ~> Sau đó kéo chuột xuống Module Bài Viết và Click vào chữ Sửa ở đó nhe :
- Chờ 1 lát, một cửa sổ tùy chỉnh hiện ra, bạn kéo chuột xuống phần màu nền, và xóa dòng đó đi và click Xong :
Cách 2 : Dùng Code.
Cách này thì đơn giản hơn nhiều. Các bạn chỉ việc bỏ Code này vào CSS là xong.
Code:
| #article_list_module .bd{background : transparent} |
Thế là xong, Module Bài Viết của bạn đã trong suốt hoàn toàn rồi đấy.
3. Nền Module :
Dùng Code sau để làm trong suốt nền các Module :
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;} |
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;} |
Nếu muốn chỉ làm trong suốt một số Module nào đó, bạn tham khảo thêm Bài Viết Này nhé !
4 - Đường Viền ( Boder ) của Blog :
Đây là code dành cho những bạn muốn làm trong suốt ( làm mất ) các đường viền của Blog:
Code :
| #friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent} #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent} #friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_bd div.rc_bc {background:transparent } #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent} #friend-list .rc_ft div, #friendlist_module .rc_ft div, .rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div {background:transparent } #friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent} |
Nếu chỉ muốn làm mất Border của Module tự tạo thì các bạn dùng Code này nhé :
Code:
| #user_mod_1000X .rc div, #user_mod_1000X .rc, #user_mod_1000X .rc_bd, #user_mod_1000X .rc_bd div.rc_bc, #user_mod_1000X .rc_ft, #user_mod_1000X .rc_ft div{background:transparent;color:none;} |
Thay X bằng số thứ tự Mod.
Ví dụ Mod 1 thì thay thành #user_mod_10001
5 - Blast :Ví dụ Mod 1 thì thay thành #user_mod_10001
Nếu muốn làm mất hoàn toàn nền của Blast bạn dùng Code sau :
Code:
| #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 ;} #blast .rc_bc .bd{background-color:transparent} |
Note : Nếu gặp phải vấn đề màu chữ khó nhìn khi làm trong suốt Blast, bạn có thể xem thêm Bài Này để thay đổi màu chữ cho Blast nhé !
6 - Nền Comment ( hoặc là khung Bình Luận ) của Bài Viết :Muốn làm trong suốt tòan bộ nền comment của Entry, các bạn có thể dùng Code sau, paste vào CSS nhe :
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;} |
7 - Tổng số Trang :
Ai muốn làm trong suốt cả phần này thì dùng Code :
Code:
Code:
| .mod-alist-summary .pagination, .mod-alist-full .pagination{background:transparent} |
8 - Module Tâm Trạng :
Vì đây là một Module đặc biệt, nên code dùng làm trong suốt nó cũng khác một chút :
Code:
Code:
| #mod_lifeline div.bd, #mod_lifeline div.rc_bc {background:transparent!important;} |
Muốn làm trong suốt phần này thì dùng Code sau nhé :
Code:
| #photo_highlight .ft {background:transparent} |
10 - Module Tên blog :
Code làm trong suốt Mod tên blog cho những ai có yêu cầu nhé !
Code:
| #blog_title .rc_bd .rc_bc .bd ,#blog_title .bd{background:transparent;} |
11 - Làm trong suốt Hình Ảnh Trong Blog ( Gallery ) :
Code này có lâu, nhưng ít người biết, mình cũng quên bỏ vào đây, hôm nay có bạn nhắc mới nhớ ^^
Code:
Code:
| #gallery_list .bd {background:none;}#photo_enlarge .bd, #photo_enlarge .ft {background:none;} #photo_enlarge .ft #post_rte_create, #photo_comment .bd {background:none;}#photo_enlarge .c_photo_enlarge .ft {background:none;} #photo_enlarge .bd .c_photo_enlarge .bd {background:none;}#gallery_list .ft .pagination .pagination {background:none;} #gallery_list .ft .pagination {background:transparent url(Link Ảnh) repeat left top;}/*Thanh hiển thị số trang*/ #photo_highlight .ft .more {background:transparent ;} #photo_highlight .ft .more a {font-size:110%;font-style:italic;font-weight:bold;color:#ffffff;} |
12 - Trong suốt Profile Info :
Code:
| #profile_info , #profile_info .bd #blog_profile .bd, #profile_info .bd #personal_profile .bd, #profile_info .bd #introduction_profile .bd, #profile_info .bd #personal_profile .bd th , #profile_info th {background:none;} |
Ngọc Hòa @ 00:02 26/07/2010
Số lượt xem: 132
Số lượt thích:
0 người
- Ảnh nền blog đẹp cực nhé (26/07/10)
- Làm tuyết, mưa rơi trên nền Blog (25/07/10)
- Ảnh nền đẹp cho blog (25/07/10)
- Ảnh nền cực cool cho blog (25/07/10)
- Code tạo hiệu ứng đổi màu trên đường link khi rê chuột (16/06/10)
Đường Link khi rê chuột
Tiếng Anh giao tiếp - Bài 12
http://clip.vn//watch/Tieng-Anh-giao-tiep-Bai-12,WQJ4
http://www.youtube.com/watch?v=ZfFmNmfMUtI&feature=related
Các ý kiến mới nhất