Thư mục: Thủ thuật Blog (Blog operations) |
Quan trọng
Đăng ngày: 21:49 03-11-2008
CSS làm trong suốt blog và module
Nền Các Module Chính và Phụ :
Code:
|
#friendlist_module
.bd,#comment_new .bd,#profile_highlight .bd,#search_module .bd, #folder
.bd,#article_new .bd,#update_date .bd,#search .bd,#calendar .bd,#statistic
.bd{background:transparent url(Link Ảnh);}.col-150 .rc_bd .rc_bc .bd {background:transparent;} |
Nền Tiêu Đề các Module :
Code:
|
.col-150
.rc_bd .rc_bc .hd .titlebar .hd,.col-150 .rc_bd .rc_bc .hd
.titlebar{background:transparent;} |
Đối với Module chính : Cũng thêm dòng url() :
Code:
|
.col-600 .rc_bd .rc_bc .bd {background:transparent url(Link ảnh nền);} |
Nền tiêu đề các Module :(col-150
là Module phụ, col-600 là module chính)
Code:
|
.col-150
.rc_bd .rc_bc .hd .titlebar .hd,.col-150 .rc_bd .rc_bc .hd .titlebar
{background:transparent url(Link ảnh);} |
Bổ sung : đây là cách khắc phục lỗi ngày 22/7/08
Bạn có thể áp dụng các biện pháp dưới đây:
Code nền trong suốt:
|
#friendlist_module .bd,#comment_new .bd,#profile_highlight .bd,#search_module .bd, #folder .bd,#article_new .bd,#update_date .bd,#search .bd,#calendar .bd,#statistic .bd{background:transparent;} |
Code thay màu và boder cho Blast :
|
/*
Border cua Blast trong suot*/ |
Thay icon tiêu đề các module :
Code:
|
#statistic
h2{background:transparent url(Link) no-repeat left;height:18px;} |
code làm trong suôt module tâm trang
|
#mod_lifeline div.bd,#mod_lifeline div.rc_bc {background:transparent ) !important;} |
Code làm trong suốt trang thông tin cá nhân
|
#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;} |
Thay ảnh chung cho các Module
Code:
|
#friendlist_module .bd,#comment_new .bd,#profile_highlight .bd,#search_module .bd, #folder .bd,#article_new .bd,#update_date .bd,#search .bd,#calendar .bd,#statistic .bd{background:transparent url(Link Ảnh);} |
Thay nền cho phần viết comments
Code:
.rte_toolbar
{background:#d7d7d7
url(link Hinh) repeat-x top;
border-left:1px
solid #0448f6;
border-top:1px
solid #0448f6;
border-right:1px
solid #0448f6;
height:89px;}/*chieu cao cua hinh*/
Đổi hình nền của mỗi comment
Code:
.mod-alist-full .alist-comment li {background:#ffffee url(Link ảnh) no-repeat top left; border-top:2px inset #ffffff; border-left:2px inset #ffffff; border-right:2px inset #ffffff;} .mod-alist-full .alist-comment .comment-ctnr {background:url(Link ảnh) repeat-y top right;}
- Thay cái link Hinh bằng link ảnh làm nền của bạn nha.
Thay nền cho module bài viết
Ảnh nền trong mỗi Entry :
|
.mod-alist-full .main-bd{background:#FFFFFF url(Link ảnh);} |
Ảnh nền của tiêu đề mỗi Entry:
|
.mod-alist-full.mail-hd{background:#FFFFFF url(Link ảnh)} |
Module Bài Viết :
|
#article_list_module .bd, .mod-alist-full .main-bd {background:transparent url(Link Ảnh Nền);} |
Cách thay nền cho từng Module:
1> Module New Comment :
Code:
|
#comment_new .bd{background:transparent url(Link Ảnh);} |
2> Module Bài Mới :
Code:
|
#article_new .bd{background:transparent url(http Link ảnh);} |
3> Module Profile ( Nick Name) :
Code:
|
#profile_highlight .bd{background:transparent url(Link Ảnh);} |
4> Module Search (Tìm Kiếm) :
Code:
|
#search_module .bd{background:transparent url(Link Ảnh);} |
5> Module Thư Mục :
Code:
|
#folder .bd{background:transparent url(Link ảnh);} |
6> Module Cập Nhật Ngày ( Update)
:
Code:
|
#update_date .bd{background:transparent url(Link Ảnh);} |
7> Module Lịch:
Code:
|
#calendar .bd{background:transparent url(Link ảnh);} |
8> Module Thống Kê :
Code:
|
#statistic .bd{background:transparent url(Link Ảnh);} |
9> Module FriendList :
Code:
|
#friendlist_module .bd{background:transparent url(Link ảnh);} |
10>Code hình nền trang tin nhắn
Code:
|
#BODY.guestbook {BACKGROUND:url(link ảnh);} |
11> Module hình ảnh trên blog:
Code:
|
#photo_highlight .bd {background:#FFFFFF url(link anh);} |
12> Module Blog yêu thich:
Code:
|
#subscribe_highlight .rc_bd .rc_bc {background:url(http://th298.photobucket.com/albums/mm268/daongocanh1985/th_26.gif) #653e16 top right repeat;} |
1- Đầu tiên bạn Paste Code này vào để trong suốt nền Tên Blog và Blast :
2- Code :
|
/* Lam Trong Suot Nen Module Ten
Blog va Module Blast */ |
2 - Tiếp theo là đoạn Code cho Blast biến thành màu
xanh trong suốt nhé :
Code :
|
/* Border cua Blast trong suot*/ #blast .rc div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcne-blue.png) no-repeat right bottom;} #blast .rc {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcnw-blue.png) no-repeat left bottom;} #blast .rc_bd div.rc_bc {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rce-blue.png) repeat-y right top;} #blast .rc_bd {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcwe-blue.png) repeat-y ;} #blast .rc_ft {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/blastsw-blue.png) no-repeat left bottom;} #blast .rc_ft div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/blastse-blue.png) no-repeat right bottom;} /* Ket Thuc*/ |
Chèn hình nền vào Module tự tạo
-Các Module tự tạo sẽ có số từ 10001->10010,tuỳ theo đó là Module thứ mấy mà các bạn điền số thích hợp.
VD:
/* Chèn hình nền cho module Online (cái module tự tạo thêm có số 10001 -> 10010)*/
#user_mod_10001 .rc_bd .rc_bc{background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}
#user_mod_10001 .bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}
(Lưu ý: Các bạn thay cái URL ảnh bằng ảnh của bạn)
Bạn copy đoạn mã Css dưới đây rồi
dán vào phần mã Css ở dưới khung Sửa dàn trang của bạn:
/* lam trong suot vien modun */
.rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc
div{background:transparent url(Link
ảnh) no-repeat right bottom;}
.rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc
{background:transparent url(Link
ảnh) no-repeat left bottom;}
.rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc,
#mod-tagged-frd-article .rc_bd div.rc_bc{background:transparent url(http Link ảnh)
repeat-y right top;}
.rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd
{background:transparent url(Link
ảnh) repeat-y 0% 50%;}
.rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div
{background:transparent url(Link
ảnh) no-repeat right top;}
.rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft
{background:transparent url(Link
ảnh) no-repeat left top;}
.rc_bc .bd, #subscribe_highlight .rc_bc .bd, #mod-tagged-frd-article .rc_bc .bd
{background-color:transparent;background-image:url(Link ảnh);}
#blast .rc_ft {background:transparent url(Link
ảnh) no-repeat left bottom;}
#blast .rc_ft div {background:transparent url(Link ảnh)
no-repeat right bottom;}
Bạn copy đoạn mã Css dưới đây rồi dán vào phần mã Css phía dưới khung Sửa dàn
trang của bạn rồi thay màu nền và Link file ảnh thế là xong :
/*CSS-Powered by GiangBLOG*/
#blast A, #blast A:hover{COLOR: #;}
body{background:/*Màu background*/;}
#doc2, #doc{background:/*Màu background*/ url(Link
ảnh)
no-repeat center top;}
#bd{background:transparent url(Link
ảnh)
no-repeat center bottom;}
/*The end - GiangBLOG*/
