Codes

22:25 17 thg 1 2007

Copy đoạn code sau vào CSS để làm mất tiêu đề module (không phải để dấu chấm . kia nữa)

.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;}
#user_mod_10002 .rc_bd .rc_bc .hd .titlebar, #user_mod_10002 .rc_bd .rc_bc .hd .titlebar h2 {height:0;font-size:0;}

Đổi số 2 là tên module.

=====
Code làm mất màu nền vàng đang có của module.

.col-600 .rc_bd  .rc_bc .bd {background:transparent;}
#user_mod_10007 .rc div, #user_mod_10007 .rc,
#user_mod_10007 .rc_bd, #user_mod_10007 .rc_bd div.rc_bc,
#user_mod_10007 .rc_ft, #user_mod_10007 .rc_ft div{background:transparent;color:none;}


====

Sau khi đã làm mất màu nền module rồi, muốn tạo hình nền cho module dùng code này:

.col-600 .rc_bd  .rc_bc .bd {background:transparent url(http://xuandung.vnweblogs.com/gallery/2577/22012-bien.jpg);}
#user_mod_10002 .rc_bd .rc_bc .hd .titlebar .hd, #user_mod_10002 .rc_bd .rc_bc .hd .titlebar {background:transparent url(http://xuandung.vnweblogs.com/gallery/2577/22012-bien.jpg) no-repeat;}

Phần bôi đen là đường link hình nền muốn làm cho module.
Số 2 là tên module đang làm.
_____________________________________

Làm nền modules tự tạo:

Bắt buộc có 2 dòng này:

.col-600 .rc_bd  .rc_bc .hd .titlebar .hd, .col-600 .rc_bd  .rc_bc .hd .titlebar{background:transparent;}

.col-600 .rc_bd  .rc_bc .bd {background:transparent;}



Thay nền modules tự tạo ta có code sau:

#user_mod_1000X .rc div, #user_mod_1000X .rc,
#user_mod_1000X .rc_bd, #user_mod_1000X .rc_bd div.rc_bc,
#user_mod_1000X .rc_ft, #user_mod_1000X .rc_ft div{background:transparent;color:none;}

.col-600 .rc_bd  .rc_bc .bd {background:transparent url(link hình);}
#user_mod_1000X .rc_bd .rc_bc .hd .titlebar .hd, #user_mod_1000X .rc_bd .rc_bc .hd .titlebar
{background:transparent url(link hình như trên) no-repeat;}


==> Sửa lại X : là tên module muốn làm, ví dụ module 1; 2; 3...
no-repeat: hình nền sẽ không lập lại ra nhiều hình.
repeat: hình nền nếu thấy nhỏ quá thì cho nó lập lại dùng lệnh này.

Như vậy nếu thay đổi cho module 1 ta có code:

#user_mod_10001 .rc div, #user_mod_10001 .rc,
#user_mod_10001 .rc_bd, #user_mod_10001 .rc_bd div.rc_bc,
#user_mod_10001 .rc_ft, #user_mod_10001 .rc_ft div{background:transparent;color:none;}

.col-600 .rc_bd  .rc_bc .bd {background:transparent url(link hình);}
#user_mod_10001 .rc_bd .rc_bc .hd .titlebar .hd, #user_mod_10001 .rc_bd .rc_bc .hd .titlebar
{background:transparent url(link hình như trên) no-repeat;}


Để không hiện chữ "Tiêu đề" trên mỗi module ta có code:

Ví dụ ở module 2, 1 và 9 ta có:

#user_mod_10002 .rc_bd .rc_bc .hd .titlebar, #user_mod_10002 .rc_bd .rc_bc .hd .titlebar h2 {height:0;font-size:0;}
#user_mod_10001 .rc_bd .rc_bc .hd .titlebar, #user_mod_10001 .rc_bd .rc_bc .hd .titlebar h2 {height:0;font-size:0;}
#user_mod_10009 .rc_bd .rc_bc .hd .titlebar, #user_mod_10009 .rc_bd .rc_bc .hd .titlebar h2 {height:0;font-size:0;}

==> 2 dòng này bắt buộc có:

#article_new h2{display:none;}
#article_list_module h2{display:none;}



Thay nền cho các mục trong blog lần lượt có code:

.col-150 .rc_bd  .rc_bc .bd {background:transparent url(link hình);}
#profile_highlight  .rc_bd  .rc_bc .bd {background:transparent url(link hình như trên);}


.col-150 .rc_bd  .rc_bc .bd {background:transparent url(link hình);}
#calendar .rc_bd  .rc_bc .bd {background:transparent url(link hình như trên);}


.col-150 .rc_bd  .rc_bc .bd {background:transparent url(link hình);}
#article_new .rc_bd  .rc_bc .bd {background:transparent url(link hình);}

==> article là phần khung cho biết những bài viết mới nhất là bài nào.


.col-150 .rc_bd  .rc_bc .bd {background:transparent url(link hình);}
#statistic .rc_bd  .rc_bc .bd {background:transparent url(http://i145.photobucket.com/albums/r212/que_hiep_nafr/laroi.gif);}

==> statistic là phần khung cho thấy số lượt truy cập v.v....




Tạo hiệu ứng cho toàn bộ blog có hình động như hoa rơi, bướm bay.... ta có code:

#blog_title
#head{background:transparent url(link hình) repeat center bottom;}
#bd{background:transparent url(link hình như trên) repeat center bottom;}

==> bắt buộc phải repeat


Tạo nền blast trở nên trong suốt không còn nền trắng như mặc định nữa, ta có code:

#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;}
#blast .rc_bc .bd{background-color:transparent;}




Tạo nền trong phần friendlist trong suốt không còn nền trắng nữa, ta có code:

#friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div,
#mod-tagged-frd-article .rc div {background:transparent;}
#friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent;}
#friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_bd div.rc_bc {background:transparent;}
#friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd,
#mod-tagged-frd-article .rc_bd {background:transparent;}
#friend-list .rc_ft div, #friendlist_module .rc_ft div, .rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div {background:transparent;}
#friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent;}




Tạo đường viền (border) cho blog, có code:

.rc_hd{background:transparent left bottom;}
.rc_hd div{background:transparent url(link hình) right bottom;}
.rc_bd{background:transparent url(như trên) repeat-y;border-style:none;}
.rc_bd .rc_bc{background:transparent url(như trên) repeat-y right top;border-style:none;}
.rc_ft{background:transparent url(như trên) left top;}
.rc_ft div{background:transparent url(như trên) repeat-x right top;}
#blast .tail {background:transparent;}



Nếu bị lỗi gì về cách tạo trong suốt phần nào, thì thêm vào đoạn code sau thử:

.mod-alist-summary .pagination, .mod-alist-full .pagination{background:transparent;}



Một số link làm nền có thể tham khảo để sử dụng cho thích hợp từng phần muốn thay đổi:

http://i145.photobucket.com/albums/r212/que_hiep_nafr/laroi.gif
http://dl8.glitter-graphics.net/pub/725/725038uizyrbnzaa.gif
http://i563.photobucket.com/albums/ss74/truongblue/laroi.gif
http://img521.imageshack.us/img521/333/buombay.gif

 

 Trong suốt phần Chi tiết Blog, Tự giới thiệu, 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;}

/* Trong suốt Friendlist:

#friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent;}
#friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent;}
#friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_bd div.rc_bc {background:transparent;}
#friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent;}
#friend-list .rc_ft div, #friendlist_module .rc_ft div, .rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div {background:transparent;}
#friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent;}

18:32 28-10-2010

/*Trong suốt module chim bồ câu:

#user_mod_10001 .rc div, #user_mod_10001 .rc,
#user_mod_10001 .rc_bd, #user_mod_10001 .rc_bd div.rc_bc,
#user_mod_10001 .rc_ft, #user_mod_10001 .rc_ft div{background:transparent;color:none;}

/* Bỏ phần YahooVN 360plus trên mái nhà blog:

#blog_masshead a{color:A;text-decoration:blink;}
.rc_hd, .rc_hd div, .rc_bd, .rc_bd .rc_bc, .rc_ft, .rc_ft div{background:transparent;border-style:none;}
#blogsearch {display:none!important