Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.



 
Trang ChínhLatest imagesTìm kiếmĐăng ký
Top posters
Bang Chủ
Cách cài themes trong suốt toàn tập! Vote_lcapCách cài themes trong suốt toàn tập! Voting_barCách cài themes trong suốt toàn tập! Vote_rcap 
r4jnb0w_4t_xm4s
Cách cài themes trong suốt toàn tập! Vote_lcapCách cài themes trong suốt toàn tập! Voting_barCách cài themes trong suốt toàn tập! Vote_rcap 
FUCK KID
Cách cài themes trong suốt toàn tập! Vote_lcapCách cài themes trong suốt toàn tập! Voting_barCách cài themes trong suốt toàn tập! Vote_rcap 
|M|r.Vincent
Cách cài themes trong suốt toàn tập! Vote_lcapCách cài themes trong suốt toàn tập! Voting_barCách cài themes trong suốt toàn tập! Vote_rcap 
candyrain_722
Cách cài themes trong suốt toàn tập! Vote_lcapCách cài themes trong suốt toàn tập! Voting_barCách cài themes trong suốt toàn tập! Vote_rcap 
Monochord_Duna
Cách cài themes trong suốt toàn tập! Vote_lcapCách cài themes trong suốt toàn tập! Voting_barCách cài themes trong suốt toàn tập! Vote_rcap 
[p]e' [c]hut
Cách cài themes trong suốt toàn tập! Vote_lcapCách cài themes trong suốt toàn tập! Voting_barCách cài themes trong suốt toàn tập! Vote_rcap 
[l]-ky0
Cách cài themes trong suốt toàn tập! Vote_lcapCách cài themes trong suốt toàn tập! Voting_barCách cài themes trong suốt toàn tập! Vote_rcap 
l3iñ–[£]ëë
Cách cài themes trong suốt toàn tập! Vote_lcapCách cài themes trong suốt toàn tập! Voting_barCách cài themes trong suốt toàn tập! Vote_rcap 
s4d_luv_bjsusj
Cách cài themes trong suốt toàn tập! Vote_lcapCách cài themes trong suốt toàn tập! Voting_barCách cài themes trong suốt toàn tập! Vote_rcap 
NVFC Bài gửi sau cùng
Bài gửiNgười gửiThời gian
DREAM PARTY NIGHT Wed Mar 24, 2010 10:49 am
Beckham lỡ hẹn World Cup 2010:Nước mắt chàng Romeo Tue Mar 23, 2010 2:58 pm
10 cuộc đối đầu “kinh điển” Barca-Real gần đây nhất Tue Mar 23, 2010 2:37 pm
Try To Follow Me - 2NE1 Tue Mar 23, 2010 2:32 pm
k-pop[ tây du kí chế]_ ai fan anh TOP thì dô nhá Tue Mar 23, 2010 2:27 pm
lynh xynh pót hình nhák Tue Mar 23, 2010 2:20 pm
Những bức ảnh chụp hồn ma nổi tiếng trong lịch sử (phần cuối) Tue Mar 23, 2010 2:11 pm
NỐI BƯỚC XIN CHÉM NHẸ! Tue Mar 23, 2010 10:20 am
tẶng cHúk dŨg nÈ :) Tue Mar 23, 2010 9:04 am
thanh vien beatbox Tue Mar 23, 2010 8:10 am

 Diễn đàn NVFC
  :: .·´¯`·-> (Khu vực tin học) :: ONLINE :: Themes


Cách cài themes trong suốt toàn tập!

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down
Tue Nov 24, 2009 8:13 am
Cách cài themes trong suốt toàn tập! Bgavat14
Cách cài themes trong suốt toàn tập! Bgavat19Cách cài themes trong suốt toàn tập! Bgavat21Cách cài themes trong suốt toàn tập! Bgavat22
Cách cài themes trong suốt toàn tập! Bgavat11Chjcken10A5Cách cài themes trong suốt toàn tập! Bgavat13
Cách cài themes trong suốt toàn tập! Bgavat15Cách cài themes trong suốt toàn tập! Bgavat17Cách cài themes trong suốt toàn tập! Bgavat18
.: NVFCer :.Chjcken10A5 
teen cá tính
my lover my lover : I'm alone!
Tổng số bài gửi : 192
Giới tính : Nam
Xu:$$ : 252

Birthday Birthday : 21/10/1994
Age : 30
Đến từ : 10a5 - Bao Loc High School

Cách cài themes trong suốt toàn tập! Vide10

Bài gửiTiêu đề: Cách cài themes trong suốt toàn tập!


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:

Cách cài themes trong suốt toàn tập! Cauhinh

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:


Cách cài themes trong suốt toàn tập! Setting

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 đề moduleCode:


.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
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,.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 sauQuote:

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




Cách cài themes trong suốt toàn tập! Ketqua1
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
Cách cài themes trong suốt toàn tập! 7


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}


Trên đây là toàn bộ hướng dẫn làm Blog trong suốt,tuỳ theo nhu cầu của bạn,mà áp dụng từng bước một cách hợp lý
Ví dụ: Bạn muốn làm blog trong suốt hoàn toàn,nhưng muốn tiêu đề của các module có màu đỏ,thì ở bước 2
mục nền tiêu đề module chính và phụ bạn để nó màu đỏ.

Bonus:
1.Theme một ảnh cố định đứng im khi kéo xuống (giống Blog mình)
Quote:
BODY.blog_my {BACKGROUND:url(Địa chỉ ảnh) #000000 fixed;}

Thay cái địa chỉ ảnh bằng link ảnh bạn lấy làm theme,kích thước chiều rộng nên là 1004px
2.Theme gồm 2 hình Top-Bottom giống 360Yahoo
Quote:
/* Khu Vuc Top-Bottom Theme Code CSS*/
body{background:#225ce1;}
/* mau nen cua theme thay doi theo dung mau da thiet ke se lam tang tinh my thuat cho theme */

#doc2, #doc{background:#225ce1 url(https://2img.net/h/i292.photobucket.com/albums/mm19/themesplus2000/blue-sky-top.jpg) no-repeat center top;}
/* mau nen cua theme va link hinh top-theme nay thay doi duoc*/

#bd{background:transparent url(https://2img.net/h/i292.photobucket.com/albums/mm19/themesplus2000/blue-sky-bot.jpg) no-repeat center bottom;}
/* mau nen cua theme va link hinh bottom-theme nay thay doi duoc*/
/* Luu y: mau nen cua 2 hang tren phai dong nhat mot ma mau voi nhau theo mau nen cua code theme */
/* Ket Thuc Khu Vuc Top-Bottom Theme Code CSS*/

Thay 2 cái hình kia gồm Top và Bottom bằng link ảnh của bạn
Thay mã màu bằng mã màu phù hợp với 2 hình (màu nền ở giữa)

Chú ý: Với những đoạn code có ảnh đuôi .png,một số trình duyệt không hỗ trợ (IE6) vì vậy các bạn đừng thắc mắc nha.
ChjckenA5

Chữ ký của Chjcken10A5

Tue Nov 24, 2009 10:43 am
Cách cài themes trong suốt toàn tập! Bgavat14
Cách cài themes trong suốt toàn tập! Bgavat19Cách cài themes trong suốt toàn tập! Bgavat21Cách cài themes trong suốt toàn tập! Bgavat22
Cách cài themes trong suốt toàn tập! Bgavat11avatarCách cài themes trong suốt toàn tập! Bgavat13
Cách cài themes trong suốt toàn tập! Bgavat15Cách cài themes trong suốt toàn tập! Bgavat17Cách cài themes trong suốt toàn tập! Bgavat18
.: NVFCer :.«ßaßj†►─◄†|)€vil» 
spamer
Tổng số bài gửi : 209
Giới tính : Nam
Xu:$$ : 218

Birthday Birthday : 22/03/1993
Age : 31
Đến từ : ....A6...

Cách cài themes trong suốt toàn tập! Vide10

Bài gửiTiêu đề: Re: Cách cài themes trong suốt toàn tập! http://...........................

Bài viết rất có ý nghĩa, thanks phát lần sau cố phát huy nha

Chữ ký của «ßaßj†►─◄†|)€vil»

Tue Nov 24, 2009 10:39 pm
Cách cài themes trong suốt toàn tập! Bgavat14
Cách cài themes trong suốt toàn tập! Bgavat19Cách cài themes trong suốt toàn tập! Bgavat21Cách cài themes trong suốt toàn tập! Bgavat22
Cách cài themes trong suốt toàn tập! Bgavat11p3nt3_blCách cài themes trong suốt toàn tập! Bgavat13
Cách cài themes trong suốt toàn tập! Bgavat15Cách cài themes trong suốt toàn tập! Bgavat17Cách cài themes trong suốt toàn tập! Bgavat18
.: NVFCer :.p3nt3_bl 
teen sành điệu
Tổng số bài gửi : 300
Giới tính : Nữ
Xu:$$ : 355

Birthday Birthday : 20/01/1994
Age : 30
Đến từ : Bảo Lộc Town

Cách cài themes trong suốt toàn tập! Vide10

Bài gửiTiêu đề: Re: Cách cài themes trong suốt toàn tập!

bẠn tỚ....tÌm rA cÁch pOst bÀi Ồy đẤy.....bẠn lÁ chuỐi cÓ khÁc.keke

Chữ ký của p3nt3_bl

Thu Nov 26, 2009 9:27 am
Cách cài themes trong suốt toàn tập! Bgavat14
Cách cài themes trong suốt toàn tập! Bgavat19Cách cài themes trong suốt toàn tập! Bgavat21Cách cài themes trong suốt toàn tập! Bgavat22
Cách cài themes trong suốt toàn tập! Bgavat11Chjcken10A5Cách cài themes trong suốt toàn tập! Bgavat13
Cách cài themes trong suốt toàn tập! Bgavat15Cách cài themes trong suốt toàn tập! Bgavat17Cách cài themes trong suốt toàn tập! Bgavat18
.: NVFCer :.Chjcken10A5 
teen cá tính
my lover my lover : I'm alone!
Tổng số bài gửi : 192
Giới tính : Nam
Xu:$$ : 252

Birthday Birthday : 21/10/1994
Age : 30
Đến từ : 10a5 - Bao Loc High School

Cách cài themes trong suốt toàn tập! Vide10

Bài gửiTiêu đề: Re: Cách cài themes trong suốt toàn tập!

«ßaßj†►─◄†|)€vil» đã viết:
Bài viết rất có ý nghĩa, thanks phát lần sau cố phát huy nha
hj, thanks!

Chữ ký của Chjcken10A5

Cách cài themes trong suốt toàn tập! Bgavat14
Cách cài themes trong suốt toàn tập! Bgavat19Cách cài themes trong suốt toàn tập! Bgavat21Cách cài themes trong suốt toàn tập! Bgavat22
Cách cài themes trong suốt toàn tập! Bgavat11Cách cài themes trong suốt toàn tập! Bgavat13
Cách cài themes trong suốt toàn tập! Bgavat15Cách cài themes trong suốt toàn tập! Bgavat17Cách cài themes trong suốt toàn tập! Bgavat18
.: NVFCer :.Sponsored content 

Cách cài themes trong suốt toàn tập! Vide10

Bài gửiTiêu đề: Re: Cách cài themes trong suốt toàn tập!

Chữ ký của Sponsored content


Cách cài themes trong suốt toàn tập!

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang

Similar topics

+
Trang 1 trong tổng số 1 trang
* Viết tiếng Việt có dấu, là tôn trọng người đọc.
* Chia sẻ bài sưu tầm có ghi rõ nguồn, là tôn trọng người viết.
* Thực hiện những điều trên, là tôn trọng chính mình.
-Nếu chèn smilies có vấn đề thì bấm A/a trên phải khung viết bài
Permissions in this forum:Bạn không có quyền trả lời bài viết
 :: .·´¯`·-> (Khu vực tin học) :: ONLINE :: Themes-
Cách cài themes trong suốt toàn tập! Botmai10Cách cài themes trong suốt toàn tập! Botmai11
Cách cài themes trong suốt toàn tập! Footn211
FAN.NARU.TO
Copyright © NVFC Co Ltd - All rights reserved.
Powered by phpBB® Version 2.0.0 Licensed
Xem tốt nhất ở độ phần giải lớn hơn 1024x768 và trình duyệt Firefox
BQT không chịu bất cứ trách nhiệm nào từ nội dung bài viết của thành viên.
Hiện tại có tất cả :lượt truy cập [Từ 21/05/11]
   
Free forum | ©phpBB | Free forum support | Báo cáo lạm dụng | Cookies | Thảo luận mới nhất