Quản trị web chúc các bạn vui vẻ nha !
nen trong suot
(Tài liệu chưa được thẩm định)
Nguồn: st
Người gửi: Hồ Việt Cảnh (trang riêng)
Ngày gửi: 16h:04' 16-04-2012
Dung lượng: 26.7 KB
Số lượt tải: 3
Nguồn: st
Người gửi: Hồ Việt Cảnh (trang riêng)
Ngày gửi: 16h:04' 16-04-2012
Dung lượng: 26.7 KB
Số lượt tải: 3
Số lượt thích:
0 người
Có nhiều bạn thắc mắc về phần làm nền blog trong suốt nhưng có màu giống như blog mình. Dạo này nhiều comment tương tự như vậy quá, mà giải thích thì cũng chỉ là giải thích cách làm, tuy nhiên có thể một số bạn ko biết cách làm, hoặc ko biết dùng các chương trình chỉnh sửa ảnh để làm nền, vì thế hôm nay mình hướng dẫn luôn cho các bạn vậy !
1 - Giải thích về cách làm nền trong suốt có màu :
Thực ra đây cũng chỉ là dùng ảnh nền màu để làm nền cho các Module thôi. tuy nhiên, các nền này được giảm độ trong suốt (transparent) với một giá trị nhất định, nên vừa có màu , vừa trong suốt. Cách làm nền này với Photoshop các bạn có thể xem ở Đây !
2 - Về Code, do chỉ là code thay nền nên có thể dùng Code sau:
Dùng Code sau cho vào CSS ( Thiết Kế > Theme > Tự Chỉnh Sửa > CSS ), thay link ảnh nền vào trước nhé !
Với 2 cột Module nhỏ 2 bên :
Code:
.col-150 .rc_bd .rc_bc .bd {background:transparent url(Link Ảnh Nền Trong Suốt)}
Với Cột Module lớn ở giữa :
Code:
.col-600 .rc_bd .rc_bc .bd {background:transparent url(Link Ảnh Nền Trong Suốt)}
Hoặc một số Module nhất định:
Các bạncó thể thay Tên_Module trong đoạn code bên dưới bằng tên các Module tương ứng :
Code:
Tên_Module .rc_bd .rc_bc .bd {background:transparent url(Link Ảnh Nền Trong Suốt)}
Tên một số Module:
#article_new : Module Bài Viết Mới
#statistic : Module Thống Kê
#guestbook_entries : Module Bình Luận Nhanh
#search_module : Module Tìm Kiếm
#folder : Module Thư Mục
#comment_new : Module : Bình Luận Mới
#calendar : Module Lịch
#update_date : Module Cập Nhật
#profile_highlight : Module Profile
#gallery_list : Module Hình Ảnh Trong Blog
#article_list_module : Module Bài Viết
#friendlist_module : Module Friend List
#mod_lifeline : Module Tâm Trạng
#subscribe_highlight : Module blog Yêu Thích
#user_mod_1000X : Module Tự Tạo, X là số thứ tự từ 1 đến 10 của các Module
3 - Share Một Số Nền Màu Trong Suốt:
Do một số điều kiện nhất định, có một số bạn ko thể tự làm các nền trong suốt này, vì thế mình làm sẵn một số nền trong suốt có màu, các bạn có thể đem về sửa dụng, trang trí cho blog mình theo sở thích cá nhân nhé !
Đây là một số nền mình làm sẵn, các bạn có thể download về, sau đó up lên host ảnh của mình để tránh hiện tượng hết bandwidth do dùng chung link ảnh nhé ! Sau khi up ảnh, bạn lấy link Direct và cho vào Code ở phần 2 nhá !
Cách Save Ảnh : Click chuột phải vào ảnh mình chọn, chọn Save Image As hoặc Save Picture As để save ảnh về nhá !
Cách Up ảnh lên host: Các bạn có thể up ảnh lên photobucket.com hoặc Imageshack.us.
4 - Share Hình Nền kèm Code :
Nếu cảm thấy không muốn tự mình up ảnh, bạn có thể dùng code làm sẵn ở dưới đây
Lưu ý : Mình làm sẵn code cho toàn bộ các Module nhé !
a - Nền 1 :
Code:
.col-150 .rc_bd .rc_bc .bd,.col-600 .rc_bd .rc_bc .bd {background:transparent url(http://img291.imageshack.us/img291/3343/52359814.png)}
b - Nền 2 :
Code:
.col-150 .rc_bd .rc_bc .bd,.col-600 .rc_bd .rc_bc .bd {background:transparent url(http://img269.imageshack.us/img269/1198/72466686.png)}
c - Nền 3 :
Code:
.col-150 .rc_bd .rc_bc .bd,.col-600 .rc_bd .rc_bc .bd {background:transparent url(http://img81.imageshack.us/img81/5443/91767680.png)}
d - Nền 4 :
Code:
.col-150 .rc_bd .rc_bc .bd,.col-600 .rc_bd .rc_bc .bd {background:transparent url(http://img8.imageshack.us/img8/
1 - Giải thích về cách làm nền trong suốt có màu :
Thực ra đây cũng chỉ là dùng ảnh nền màu để làm nền cho các Module thôi. tuy nhiên, các nền này được giảm độ trong suốt (transparent) với một giá trị nhất định, nên vừa có màu , vừa trong suốt. Cách làm nền này với Photoshop các bạn có thể xem ở Đây !
2 - Về Code, do chỉ là code thay nền nên có thể dùng Code sau:
Dùng Code sau cho vào CSS ( Thiết Kế > Theme > Tự Chỉnh Sửa > CSS ), thay link ảnh nền vào trước nhé !
Với 2 cột Module nhỏ 2 bên :
Code:
.col-150 .rc_bd .rc_bc .bd {background:transparent url(Link Ảnh Nền Trong Suốt)}
Với Cột Module lớn ở giữa :
Code:
.col-600 .rc_bd .rc_bc .bd {background:transparent url(Link Ảnh Nền Trong Suốt)}
Hoặc một số Module nhất định:
Các bạncó thể thay Tên_Module trong đoạn code bên dưới bằng tên các Module tương ứng :
Code:
Tên_Module .rc_bd .rc_bc .bd {background:transparent url(Link Ảnh Nền Trong Suốt)}
Tên một số Module:
#article_new : Module Bài Viết Mới
#statistic : Module Thống Kê
#guestbook_entries : Module Bình Luận Nhanh
#search_module : Module Tìm Kiếm
#folder : Module Thư Mục
#comment_new : Module : Bình Luận Mới
#calendar : Module Lịch
#update_date : Module Cập Nhật
#profile_highlight : Module Profile
#gallery_list : Module Hình Ảnh Trong Blog
#article_list_module : Module Bài Viết
#friendlist_module : Module Friend List
#mod_lifeline : Module Tâm Trạng
#subscribe_highlight : Module blog Yêu Thích
#user_mod_1000X : Module Tự Tạo, X là số thứ tự từ 1 đến 10 của các Module
3 - Share Một Số Nền Màu Trong Suốt:
Do một số điều kiện nhất định, có một số bạn ko thể tự làm các nền trong suốt này, vì thế mình làm sẵn một số nền trong suốt có màu, các bạn có thể đem về sửa dụng, trang trí cho blog mình theo sở thích cá nhân nhé !
Đây là một số nền mình làm sẵn, các bạn có thể download về, sau đó up lên host ảnh của mình để tránh hiện tượng hết bandwidth do dùng chung link ảnh nhé ! Sau khi up ảnh, bạn lấy link Direct và cho vào Code ở phần 2 nhá !
Cách Save Ảnh : Click chuột phải vào ảnh mình chọn, chọn Save Image As hoặc Save Picture As để save ảnh về nhá !
Cách Up ảnh lên host: Các bạn có thể up ảnh lên photobucket.com hoặc Imageshack.us.
4 - Share Hình Nền kèm Code :
Nếu cảm thấy không muốn tự mình up ảnh, bạn có thể dùng code làm sẵn ở dưới đây
Lưu ý : Mình làm sẵn code cho toàn bộ các Module nhé !
a - Nền 1 :
Code:
.col-150 .rc_bd .rc_bc .bd,.col-600 .rc_bd .rc_bc .bd {background:transparent url(http://img291.imageshack.us/img291/3343/52359814.png)}
b - Nền 2 :
Code:
.col-150 .rc_bd .rc_bc .bd,.col-600 .rc_bd .rc_bc .bd {background:transparent url(http://img269.imageshack.us/img269/1198/72466686.png)}
c - Nền 3 :
Code:
.col-150 .rc_bd .rc_bc .bd,.col-600 .rc_bd .rc_bc .bd {background:transparent url(http://img81.imageshack.us/img81/5443/91767680.png)}
d - Nền 4 :
Code:
.col-150 .rc_bd .rc_bc .bd,.col-600 .rc_bd .rc_bc .bd {background:transparent url(http://img8.imageshack.us/img8/
 
↓ CHÚ Ý: Bài giảng này được nén lại dưới dạng RAR và có thể chứa nhiều file. Hệ thống chỉ hiển thị 1 file trong số đó, đề nghị các thầy cô KIỂM TRA KỸ TRƯỚC KHI NHẬN XÉT ↓
Các ý kiến mới nhất