Nhóm MFT

VuNguyen-W.Dephia-Noa-Co0l.love-Phuong_Princess
body.blog_my,body.blog_my_index,
body.comment_listing,body.trackback_listing,
body.blog_archives_folder,body.blog_archives_date
,body.blog_archives_all, body.post_rte,
body.post_doodle, body.guestbook,
body.comment_list, body.subscribe_list,
body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow,
body.photo_upload_pc, body.photo_upload_gallery
{background:#ma_mau url(Link Anh Nen) no-repeat fixed bottom;}
Repeat : Ảnh sẽ tự động lặp và tràn đều cho nền Blog nếu kích cỡ ảnh không đủ
Bao gồm 2 thuộc tính :
Repeat-x : lặp theo chiều ngang
Repeat-y : lặp theo chiều dọc.

No-repeat : Ảnh không lặp.

Fixed : Ảnh đứng yên khi kéo thanh cuộn chuột
body{background:#cc99ff;}
/* Màu nền của theme, nên thay đổi trùng với màu ảnh nền để tăng tính thẩm mỹ cho theme*/

#doc2, #doc{background:#cc99ff url(Link ảnh Top) no-repeat center top;}
/* mau nen cua theme va link hinh top-theme nay thay doi duoc*/

#bd{background:transparent url(Link ảnh Bottom) no-repeat center bottom;}
.col-150 .rc_bd .rc_bc .bd {background:none;}
.col-600 .rc_bd .rc_bc .bd {background:none;}
.col-150 .rc_bd .rc_bc .hd .titlebar .hd,.col-150 .rc_bd .rc_bc .hd .titlebar{background:none;}
.col-600 .rc_bd .rc_bc .hd .titlebar .hd,.col-600 .rc_bd .rc_bc .hd .titlebar{background:none;}
Nền Các Module Chính và Phụ :

Code:
.col-150 .rc_bd .rc_bc .bd {background:transparent;}
.col-600 .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;}
.col-600 .rc_bd .rc_bc .hd .titlebar .hd,.col-600 .rc_bd .rc_bc .hd .titlebar{background:transparent;}.col-150 .rc_bd .rc_bc .hd .titlebar .hd, {background:transparent;}
Đối với 2 Module phụ : Bạn có thể thêm vào sau đọan transparent bằng dòng url(Link ảnh) với link ảnh nền :
.col-150 .rc_bd .rc_bc .bd {background:transparent url(Link ảnh nền);}

Đối với Module chính : Cũng thêm dòng url() :
.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)
.col-150 .rc_bd .rc_bc .hd .titlebar .hd,.col-150 .rc_bd .rc_bc .hd .titlebar {background:transparent url(Link ảnh tiêu đề);}
.col-600 .rc_bd .rc_bc .hd .titlebar .hd,.col-600 .rc_bd .rc_bc .hd .titlebar{background:transparent url(Link ảnh tiêu đề);}

Ảnh nền trong mỗi Entry:

.mod-alist-full .main-bd{background:#FFFFFF url(http://xxxx.jpg);}

Ảnh nền của tiêu đề mỗi Entry:

.mod-alist-full.mail-hd{background:#FFFFFF url(http:xxx.jpg)}

Module Bài Viết :

#article_list_module .bd, .mod-alist-full .main-bd {background:transparent;}
Code Chung Cho Các Module trở thành 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;}

Cách thêm nền vào Module :

Các bạn dùng Code như sau (Thay Link ảnh vào nhé)

#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);}
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(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> ModuleTự Tạo :
Đối với Module tự tạo bạn thay đổi x bằng số thứ tự của Module trong Blog và paste vào CSS nhé :

Code:
#user_mod_1000x .bd{background:transparent url(Link Ảnh);}
#friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(Ngang Tren) repeat-x right bottom;}
#friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(Goc tren ben trai) no-repeat left bottom;}
#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 url(Doc fai) repeat-y right top;}
#friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent url(doc trai) repeat-y left top;}
#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 url(Ngang Duoi) repeat right top;}
#friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent url(Goc duoi ben trai) no-repeat left top;}

/* 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*/
#statistic h2{background:transparent url(Link) no-repeat left;height:18px;}
#article_new h2{background:transparent url(Link) no-repeat left top;}
#photo_highlight h2{background:transparent url(Link) no-repeat left top;}
#folder h2{background:transparent url(Link) no-repeat left;}
#rss_output .bd a{height:25px;background:transparent url(Link) no-repeat left;height:20px;text-align:center;}
#search_module h2{background:transparent url(Link) no-repeat left top;}
#comment_new .titlebar .hd h2 {background:transparent url(Link) no-repeat left bottom;height:40px;}

/* Mod tu tao : #user_mod_1000x */
/*button HP 100x25*/
div.backhomtbtn a.backtomyblog {background:transparent url(Link Button)no-repeat;}
Hiệu ứng chữ cho tên nick name
#profile_highlight .nickname a {color:#0066CC;font-family:Comic Sans MS;font-size:130%;font-weight:bold;font-style:italic;text-decoration:blink;}

Làm trong suốt module tâm trạng
#mod_lifeline div.bd {background:transparent !important;}
#mod_lifeline div.rc_bc {background:transparent ) !important;}
Làm trong suốt module hình ảnh blog
#gallery_list .bd {background:none;}#photo_enlarge .bd, #photo_enlarge .ft {background:none;}
#photo_enlarge .ft #post_rte_create, #photo_comment .bd {background:none;}#photo_enlarge .c_photo_enlarge .ft {background:none;}
#photo_enlarge .bd .c_photo_enlarge .bd {background:none;}#gallery_list .ft .pagination .pagination {background:none;}
#gallery_list .ft .pagination {background:transparent url(Link Ảnh) repeat left top;}/*Thanh hiển thị số trang*/

Làm trong suốt module hình ảnh blog (tt)
#photo_highlight .ft .more {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/vnteamplus/titel-vnteam-plus.png) repeat-x right top;}
#photo_highlight .ft .more a {font-size:110%;font-style:italic;font-weight:bold;color:#ffffff;}
Làm trong suốt phần Profile Info
#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 các icon trong các module
#comment_new .bd ul li {background:transparent url(link) no-repeat left top;}
#subscribe_highlight .folder li a{background:url(link) no-repeat 4px 0;font-size:13px;}
#folder .bd ul li {background:transparent url(link) no-repeat 7px top;}
#article_new .bd ul li {background:transparent url(link) no-repeat 7px top;}
Làm trong suốt phần comment trong bài viết
.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;}
#mod_lifeline .list td a.blog_emo_25_1{background:url(link icon 25) no-repeat 0 0;}
#mod_lifeline .list td a.blog_emo_25_2{background:url(link icon 25) no-repeat 0 -25px;}
#mod_lifeline .list td a.blog_emo_25_3{background:url(link icon 25) no-repeat 0 -50px;}
#mod_lifeline .list td a.blog_emo_25_4{background:url(link icon 25) no-repeat 0 -75px;}
#mod_lifeline .list td a.blog_emo_25_5{background:url(link icon 25) no-repeat 0 -100px;}
#mod_lifeline .list td a.blog_emo_25_6{background:url(link icon 25) no-repeat 0 -125px;}
#mod_lifeline .list td a.blog_emo_25_7{background:url(link icon 25) no-repeat 0 -150px;}
#mod_lifeline .list td a.blog_emo_25_8{background:url(link icon 25) no-repeat 0 -175px;}
#mod_lifeline .list td a.blog_emo_25_9{background:url(link icon 25) no-repeat 0 -200px;}
#mod_lifeline .list td a.blog_emo_25_10{background:url(link icon 25) no-repeat 0 -225px;}
#mod_lifeline .list td a.blog_emo_25_11{background:url(link icon 25) no-repeat 0 -250px;}
#mod_lifeline .list td a.blog_emo_25_12{background:url(link icon 25) no-repeat 0 -275px;}

#mod_lifeline .list td a.blog_emo_50_1{background:url(link icon 50) no-repeat 0 0;}
#mod_lifeline .list td a.blog_emo_50_2{background:url(link icon 50) no-repeat 0 -50px;}
#mod_lifeline .list td a.blog_emo_50_3{background:url(link icon 50) no-repeat 0 -100px;}
#mod_lifeline .list td a.blog_emo_50_4{background:url(link icon 50) no-repeat 0 -150px;}
#mod_lifeline .list td a.blog_emo_50_5{background:url(link icon 50) no-repeat 0 -200px;}
#mod_lifeline .list td a.blog_emo_50_6{background:url(link icon 50) no-repeat 0 -250px;}

#mod_lifeline .list td a.blog_emo_50_7{background:url(link icon 50) no-repeat 0 -300;}
#mod_lifeline .list td a.blog_emo_50_8{background:url(link icon 50) no-repeat 0 -350px;}
#mod_lifeline .list td a.blog_emo_50_9{background:url(link icon 50) no-repeat 0 -400px;}
#mod_lifeline .list td a.blog_emo_50_10{background:url(link icon 50) no-repeat 0 -450px;}
#mod_lifeline .list td a.blog_emo_50_11{background:url(link icon 50) no-repeat 0 -500px;}
#mod_lifeline .list td a.blog_emo_50_12{background:url(link icon 50) no-repeat 0 -550px;}
.mod-alist-full .main-hd h1 em, .mod-alist-titlebar-1 h2 a em, .mod-alist-titlebar h2 a em, .mod-alist-brief table a em, #myblog-article-compose #mood li em{background:#ffffff url(link icon 25) no-repeat;}
Tất cả các Code trình bày trong Bài các bạn có thể xem chi tiết và lấy Code tại Blog :
http://vn.myblog.yahoo.com/w.dephia
Or
http://vn.myblog.yahoo.com/cyvp_perfectlad200304
Or
http://vn.myblog.yahoo.com/vunguyen-blog
Bài viết tổng hợp:
http://vn.myblog.yahoo.com/w-dephia/article?mid=650







Chúc Các Bạn Có Buổi Hướng Dẫn Vui Vẻ Nhé!


W.Dephia