Cách làm Blog trong suốt
Chia sẻ bởi Phan Thanh Việt |
Ngày 14/10/2018 |
29
Chia sẻ tài liệu: Cách làm Blog trong suốt thuộc Tư liệu tham khảo
Nội dung tài liệu:
Vấn đề làm Blog trong suốt có rất nhiều thắc mắc,vì vậy mình sẽ chỉnh sửa bài này chi tiết hơn cho các bạn tham khảo
1.Làm trong suốt Black Box,phần trên cùng của Blog.
-Phần này không cần thiết lắm.Nhưng ai thích làm thì sử dụng code dưới 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.Chỉ làm trong suốt Module bài viết ở chính giữa. -Nhấn "Thiết kế" rồi kéo xuống phía dưới tới Module bài viết,nhấn "Sửa"
Nó hiện ra một cái bảng như sau:
Tại đây nếu bạn muốn module bài viết trong suốt thì bạn cần xoá cái màu nền(theo mũi tên-xoá cái mã #E93131 đi) (Nếu bạn muốn nó mờ mờ thì kéo thanh trong suốt đến vị trí thích hợp,tuy nhiên có một vấn đề là nếu bạn làm như vậy thì màu chữ và ảnh trong entry sẽ bị mờ theo,trông không được rõ nữa cách khắc phục là tạo một ảnh nền trong suốt chèn vào module này.Sẽ được hướng dẫn trong phần nâng cao)
-Bạn cũng có thể xoá (để trống) ô màu nền này
Kết quả: Nền bài viết ở giữa sẽ trong suốt
3.Làm trong suốt thêm Module (Module chính là module phụ)
a,Nền Module Nhấn vào thiết kế,chọn mục Theme,chọn chế độ tự sửa,nó sẽ hiện ra cái bảng sau:
Mô-đun chính :(vị trí:xem vòng tròn chú thích trong hình) Tiêu đề màu (vị trí 1 trong hình) :Là nền của tiêu đề module chính Chữ màu (vị trí 2 trong hình): Là màu nền của module chính Mô-đun phụ -Tiêu đề màu2: Là màu nền của tiêu đề (vị trí 3) -Chữ màu: Màu nền của Mô đun (vị trí 4) Như vậy muốn nền và tiêu đề của module phụ và module chính trong suốt bạn chị cần xoá màu tại 4 vị trí như trong hình. (Thực tế thì bạn nên giữ lại màu của tieu đề module chính và module phụ sẽ đẹp hơn)
Cách 2: Sử dụng code:
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àynhé !
b,Tiêu đề 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;}
Kết quả: Nền bài viết trong suốt,nền module và tiêu đề module trong suốt,viền của module thì có màu trắng
Chú ý: Nếu cách set màu nền trống nếu các bạn gặp lỗi thì xem thêm bài này nhé:
http://vn.myblog.yahoo.com/cyvp_perfectlad200304/article?mid=3391">Khắc phục lỗi khi làm trong suốt Blog
4.Làm trong suốt thêm viền Module: Có 2 cách: Vì cái viền của module thực chất là ảnh,ta có thể thay bằng ảnh trong suốt,hoặc xoá cái viền này đi 3.1 Thay bằng ảnh trong suốt 3.2 Xoá viền Module
Quote:
/* No Border cho cac module*/ #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,.
1.Làm trong suốt Black Box,phần trên cùng của Blog.
-Phần này không cần thiết lắm.Nhưng ai thích làm thì sử dụng code dưới 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.Chỉ làm trong suốt Module bài viết ở chính giữa. -Nhấn "Thiết kế" rồi kéo xuống phía dưới tới Module bài viết,nhấn "Sửa"
Nó hiện ra một cái bảng như sau:
Tại đây nếu bạn muốn module bài viết trong suốt thì bạn cần xoá cái màu nền(theo mũi tên-xoá cái mã #E93131 đi) (Nếu bạn muốn nó mờ mờ thì kéo thanh trong suốt đến vị trí thích hợp,tuy nhiên có một vấn đề là nếu bạn làm như vậy thì màu chữ và ảnh trong entry sẽ bị mờ theo,trông không được rõ nữa cách khắc phục là tạo một ảnh nền trong suốt chèn vào module này.Sẽ được hướng dẫn trong phần nâng cao)
-Bạn cũng có thể xoá (để trống) ô màu nền này
Kết quả: Nền bài viết ở giữa sẽ trong suốt
3.Làm trong suốt thêm Module (Module chính là module phụ)
a,Nền Module Nhấn vào thiết kế,chọn mục Theme,chọn chế độ tự sửa,nó sẽ hiện ra cái bảng sau:
Mô-đun chính :(vị trí:xem vòng tròn chú thích trong hình) Tiêu đề màu (vị trí 1 trong hình) :Là nền của tiêu đề module chính Chữ màu (vị trí 2 trong hình): Là màu nền của module chính Mô-đun phụ -Tiêu đề màu2: Là màu nền của tiêu đề (vị trí 3) -Chữ màu: Màu nền của Mô đun (vị trí 4) Như vậy muốn nền và tiêu đề của module phụ và module chính trong suốt bạn chị cần xoá màu tại 4 vị trí như trong hình. (Thực tế thì bạn nên giữ lại màu của tieu đề module chính và module phụ sẽ đẹp hơn)
Cách 2: Sử dụng code:
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àynhé !
b,Tiêu đề 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;}
Kết quả: Nền bài viết trong suốt,nền module và tiêu đề module trong suốt,viền của module thì có màu trắng
Chú ý: Nếu cách set màu nền trống nếu các bạn gặp lỗi thì xem thêm bài này nhé:
http://vn.myblog.yahoo.com/cyvp_perfectlad200304/article?mid=3391">Khắc phục lỗi khi làm trong suốt Blog
4.Làm trong suốt thêm viền Module: Có 2 cách: Vì cái viền của module thực chất là ảnh,ta có thể thay bằng ảnh trong suốt,hoặc xoá cái viền này đi 3.1 Thay bằng ảnh trong suốt 3.2 Xoá viền Module
Quote:
/* No Border cho cac module*/ #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,.
* Một số tài liệu cũ có thể bị lỗi font khi hiển thị do dùng bộ mã không phải Unikey ...
Người chia sẻ: Phan Thanh Việt
Dung lượng: 48,50KB|
Lượt tài: 0
Loại file: doc
Nguồn : Chưa rõ
(Tài liệu chưa được thẩm định)