Nhok-love.tk
bạn hãy đăng ký để có thêm nhiều ứng dụng hơn
chỉ cần điền mail, tên đăng nhập và MK thôi mà - tốn ýt tg thôi mà

Nhok-love.tk

Chào Mừng Bạn Đã đến thăm ngôi nhà NhokLove
 
Trang ChínhPortalTrợ giúpTìm kiếmNhómĐăng kýĐăng Nhập

Cách làm cho Blog trong suốt toàn tậpXem chủ đề cũ hơn Xem chủ đề mới hơn Go down
Tác giả

avatar
Voldermort
Admin
Admin
Nam
Tổng bài gửi : 87


Bài gửiTiêu đề: Cách làm cho Blog trong suốt toàn tập Wed Sep 01, 2010 1:25 pm
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;}

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é:

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

Code:
/* 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,.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 ;}
/* Ket Thuc*/


5.Đến đây thì Blog gần như trong suốt hoàn toàn,còn cái Blast ai muốn trong suốt nữa thì chèn code sau

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 ;}




6.Lúc này Blog ta gần như trong suốt hoàn toàn,vần còn một số vấn đề như sau:

-Viền Module Blog yêu thích không trong suốt
-Nền comments
(Sẽ được hướng dẫn trong phần hướng dẫn nâng cao)

Update:

7.Làm trong suốt nền comments (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;}

8.Tổng số trang



Ai muốn làm trong suốt cả phần này thì dùng Code :
Code:
.mod-alist-summary .pagination, .mod-alist-full .pagination{background:transparent}

9.Trong suốt Module Tâm trạng

Code:
mod_lifeline div.bd, #mod_lifeline div.rc_bc {background:transparent!important;}

10.Phần xem thêm,module hình ảnh

Code:
#photo_highlight .ft {background:transparent}

11.Module tên Blog

Code:
#blog_title .bd{background:transparent}

mỏi hết cả tay
ko vote thì đừng có mà đọc


.24




bạn hãy post nhìu bài để vào top ten nghen

heo_1 heo_1 heo_1 heo_1
Xem lý lịch thành viên

avatar
phuong13805
Binh nhì
Binh nhì
Nữ
Tổng bài gửi : 11


Bài gửiTiêu đề: Re: Cách làm cho Blog trong suốt toàn tập Sun Sep 05, 2010 1:15 pm
không có chức năng thanks nhỉ
Xem lý lịch thành viên
Cách làm cho Blog trong suốt toàn tậpXem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang
Trang 1 trong tổng số 1 trang

Permissions in this forum:Bạn không có quyền trả lời bài viết
Nhok-love.tk :: 

THẾ GIỚI BLOG

 :: 

Yahoo 360 Plus!

 :: 

CSS - Thủ thuật 360 Plus

-
Liên hệ với chúng tôi | KeVoTinh |Trở lên trên
Diễn đàn sáng lập bởi Volderrmort
BC KVT5/9/2009
Địa chỉ Y!H sekhongkhoc_khiminh_chiatay@yahoo.com
hoặc: nhok_s2_nho@yahoo.com
Website KeVoTinh
Copyright © 2010 Cybermedia. All rights reserved.
Powered by phpBB2® Version 2.0
Copyright © 2010, letrieuthien.com- Jelsoft Enterprises Ltd.
| letrieuthien.com
Free forum | © phpBB | Free forum support | Liên hệ | Report an abuse | Have a free blog with Sosblog