Thứ Sáu, 12 tháng 11, 2010

ý nghĩa code CSS blog 360 plus

Sửa hình nền module bài viết
Cách 1:
Phần Top của Module Bài Viết
#article_list_module .rc_hd {background:transparent url(link hinh) repeat center bottom;height:xxpx;}
Phần Center của Module Bài Viết
#article_list_module .rc_bd {background:transparent url(link hinh) repeat center bottom;}
Phần bottom của Module Bài Viết

#article_list_module .rc_ft
{background:transparent url(link hinh) repeat center top;height:xxpx;}
Cách Thiết Kế 2:
Phần Top của Module Bài Viết
#article_list_module .rc_hd {
background:transparent url(link hinh) no-repeat scroll left center;
height:xxpx;}
Phần Center của Module Bài Viết
#article_list_module .rc_bd {background:transparent url(link hinh) repeat left bottom;}
Phần bottom của Module Bài Viết
#article_list_module .rc_ft
{background:transparent url(link hinh) repeat left top;height:xxpx;}
Xóa tiêu đề bài viết

#bd h2 {display:none;}
nền Tittle Bài Viết
#article_list_module .rc_bd .rc_bc .hd .titlebar{
background:#mã màu url(Link hình ảnh) none repeat scroll 0 0;
}

Thay hình nền ngăn bài viết

.mod-alist .rc_bd .bd .more-posts
 ul li{border-style:none;background:transparent url(Link_ảnh) 
no-repeat bottom center;}
bô sưu tập 
 
Thay icon các module:
Thêm hoặc thay đổi icon trong các modun có sẵn và tạo đường viền ngăn cách
   
/*Blog yêu thích*/
#subscribe_highlight ul.blog-list li .mod-subscription-list  {background:url(http://img.photo.zing.vn/file_uploads/gallery/w642h/q42008/2009/02/07/05/23661234000936.png) no-repeat top left;border-top:1px dotted #D1CFCF;}

/*Thư mục*/
#folder .bd ul li {background:url(http://photo.zing.vn/file_uploads/zingphoto/2009/02/06/7ac0e8d3a720d66bf3f304d202bb620f.gif) no-repeat center left;border-top:1px dotted #D1CFCF;}

/*Bình luận mới nhất*/
#comment_new .bd ul li {background:url(http://img.photo.zing.vn/file_uploads/gallery/w642h/q42008/2008/12/15/08/58191229303411.gif) no-repeat center left;border-top:1px dotted #D1CFCF;}

/* Modun bạn bè*/
#friendlist_module .bd ul li {background:url(Link ảnh) no-repeat center left;border-top:1px dotted #D1CFCF;}

/*Bài viết mới nhất*/
#article_new .bd ul li {background:url(http://img.photo.zing.vn/file_uploads/gallery/w642h/q42008/2008/12/15/08/58191229303411.gif) no-repeat center left;border-top:1px dotted #D1CFCF;}

/* Thống kê */
#statistic .bd ul li {background:url(Link ảnh) no-repeat center left;}

/*Blog về tôi*/
#mod-tagged-frd-article .bd ul li {background:url(http://photo.zing.vn/file_uploads/zingphoto/2009/02/06/7ac0e8d3a720d66bf3f304d202bb620f.gif) no-repeat center left;border-top:1px dotted #D1CFCF;}
 lamthaison@ymail.com, photo, hinh anh, upload, download
Ảnh trên biểu diễn minh họa cho .mod-relatives, code là :
.mod-relatives .bd ul li {background:url(http://photo.zing.vn/file_uploads/zingphoto/2009/02/06/7ac0e8d3a720d66bf3f304d202bb620f.gif) no-repeat center left;border-top:1px dotted #D1CFCF;}

/* Modun xem thêm */
.mod-more-blogs .bd ul li {background:url(http://photo.zing.vn/file_uploads/zingphoto/2009/02/06/7ac0e8d3a720d66bf3f304d202bb620f.gif) no-repeat center left;border-top:1px dotted #D1CFCF;}

Thay và thêm icon cho tiều đề modun
Các code này chèn vào CSS nhé, hướng dẫn mình đã post trong mục CSS - Làm đẹp cho Blog rồi
/* Bảng thống kê */
#statistic h2{background:transparent url(http://img3.imageshack.us/img3/6945/icostats.png) no-repeat left top;}

/* Bài mới đăng */
#article_new h2{background:transparent url(http://img3.imageshack.us/img3/6945/icostats.png) no-repeat left top;}

/* Bình luận mới nhất*/
.mod-comment-new .titlebar .hd h2{background:transparent url(http://img17.imageshack.us/img17/3997/icopens.png) no-repeat left;}

/* Thư mục riêng */
#folder h2{background:transparent url(http://img17.imageshack.us/img17/9260/icofolder.png) no-repeat left top;}

/* Chu Module Bang Tin Nhan */
#feature_link_gb h2{background:transparent url(http://img17.imageshack.us/img17/3997/icopens.png) no-repeat left;}

/* Chèn hình nền cho module hình ảnh trong blog*/
#photo_highlight h2{background:transparent url(http://img245.imageshack.us/img245/5184/icophoto.png) no-repeat left top;}

/*Blog yêu thích*/
#subscribe_highlight .titlebar .hd h2{background:url(Link ảnh) no-repeat left top;}

/*Blog về tôi*/
#mod-tagged-frd-article .titlebar h2{background:url(Link ảnh) no-repeat left top;}

/* Cập nhật ngày */
#update_date h2{background:transparent url(http://img4.imageshack.us/img4/9500/icocalendar.png) no-repeat left top;}

/* RSS */
#rss_output .bd a{height:25px;background:url(Link ảnh) no-repeat left top;}

/* Tìm kiếm */
#search_module h2{background:transparent url(http://img14.imageshack.us/img14/2172/icosearch.png) no-repeat left top;}

/* Modun Xem thêm */
.mod-more-blogs h2{background:transparent url(http://img3.imageshack.us/img3/6945/icostats.png center;}

/* Modun tự tạo*/
#user_mod_1000X h2{background:transparent url(Link ảnh) no-repeat left top;}

 Chỉnh sửa kích thước 2 cột:
#bd .col-150{width:160px;padding:0 0 0 20px;} cot phu
#bd .col-600 {width:660px;padding:0 0 0 35px;} cot chinh
.col-600 .mod_all .rc_bd .rc_bc{width:590px;padding:0 0 0 80px;} khonag cach chu#bd #blast {padding:0 0 0 10px;} 

Không có nhận xét nào: