Tìm hiểu CSS 360 Plus của yahoo phần 2

/* Chèn hình nền cho module hình ảnh*/ #gallery_list .titlebar .hd h2{background:url(Link ảnh) no-repeat left top;}
Nội dung trích xuất từ tài liệu:
Tìm hiểu CSS 360 Plus của yahoo phần 2 Ebook CSS 360plus ver 1.0{background:url(http://i461.photobucket.com/albums/qq334/changtraiiudoiblog/beta/12 -10-200810-03-57CH.png)repeat-x left top;height:28px;}Các bạn có thể thay height là chiều cao của ảnh người viết Vũ Nguyễn10. Thay và thêm icon cho tiều đề modun/* Bảng thống kê */#statistic .titlebar .hd {background:url(Link ảnh) no-repeat left top;}/* Bài mới đăng */#article_new .titlebar .hd {background:url(Link ảnh) no-repeat left top;}/* Ảnh trong blog */#photo_highlight .titlebar .hd {background:url(Link ảnh) no-repeat left top;}/* Ảnh trong bình luận mới nhất*/.mod-comment-new .titlebar .hd {background:url(Link ảnh) no-repeat left top;}/* Thư mục riêng */#folder .titlebar .hd {background:url(Link ảnh) no-repeat left top;}/* Chèn hình nền cho module hình ảnh*/#gallery_list .titlebar .hd h2{background:url(Link ảnh) no-repeat left top;}/*Blog iu thích*/#subscribe_highlight .titlebar .hd h2{background:url(Link ảnh) no-repeat left top;}/*Blog về tôi*/#mod-tagged-frd-article .titlebar .hd h2{background:url(Link ảnh) no-repeat left top;}/* Cập nhật ngày */#update_date .titlebar .hd {background:url(Link ảnh) no-repeat left top;}/* RSS */#rss_output .titlebar .bd a{height:25px;background:url(Link ảnh) no-repeat left top;}/* Tìm kiếm */#search_module .titlebar .hd {background:url(Link ảnh) no-repeat left top;}/* Modun tự tạo*/#user_mod_1000X .titlebar .hd {background:url(Link ảnh) no-repeat left top;} hatim87uyennhi@yahoo.com & changtraiiudoi@ymail.com Ebook CSS 360plus ver 1.0Các bạn thay x từ 1 đến 10, x là tên thứ tự của modun. Chiều cao của link ảnh là 26px, bạn có thể thêmheight:28px để chỉnh sửa lại chiều cao của tiêu đề, ví dụ như ta được code sau #search_module .titlebar .hd{background:url(Link ảnh) no-repeat left top;height:28px;} người viết Changtraiiudoi@ymail.com11. Ảnh nền cho modun/* Chèn hình nền cho cái module thông tin cá nhân bao gồm avartar */#profile_highlight_module .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}/* Modun tâm trạng*/#mod_lifeline div.bd, #mod_lifeline div.rc_bc {background:url(Link ảnh) !important;}/* Chèn hình nền cho module fiendlist */#friendlist_module .rc_bd .bd {background:url(Link ảnh) top right repeat;}/* Chèn hình nền cho module Bài Mới */#article_new .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}/* Chèn hình nền cho module Thư Mục Riêng*/#folder .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}/* Chèn hình nền cho module Comment mới*/#comment_new .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}/* Chèn hình nền cho module Thống Kê của plus*/#statistic .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}/* Chèn hình nền cho module Blog yêu thích*/#subscribe_highlight .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}/* Modun hình ảnh*/#gallery_list .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;} hatim87uyennhi@yahoo.com & changtraiiudoi@ymail.com Ebook CSS 360plus ver 1.0/* Chèn hình nền cho module Lịch*/#calendar .rc_bd .rc_bc .bd {background:url(Link ảnh) top right repeat;}/*Ảnh biểu diễn cho .mod-relatives, và đây là code*/.mod-relatives .bd {background:transparenturl(http://i461.photobucket.com/albums/qq334/changtraiiudoiblog/trongsuot/ppppppppppp -1.png) repeat left!important;} người viết Changtraiiudoi@ymail.com12. Tạo nút Homediv.backhomtbtn a.backtomyblog{background:url(http://i280.photobucket.com/albums/kk193/datablog/210738home_icon_-1.png) no-repeatcenter;height:48px;}Thay height là chiều cao của ảnh người viết NoA13. Thay icon tâm trạngCách thay đổi Icons trong Module Tâm trạng:Như m ọi người đã biết Icons tâm trạng trong 360 plus thực ra là 2 files ảnh ( kích thước ảnh lớn 50x600, ảnhnhỏ: 25x300) được đặt ở các vị trí có độ cao khác nhau để làm nền cho các khung tâm trạng. Ảnh nhỏ làm nềnkhung tâm trạng trong bài viết và trên module Tâm trạng khi bài viết không được đánh dấu là Quan trọng. Ảnhlớn làm nền khung tâm trạng trên module Tâm trạng khi bài viết được đánh dấu là Quan trọng. Kích thướckhung tâm trạng của ảnh nhỏ là 25x25, của ảnh lớn là 50x50 (đơn vị pixels). Nếu các bạn đã từng viết codeCSS để trang trí lại trang 360 plus thì chắc hẳn biết rằng một số lệnh bị hạn chế không dùng được ở đây, một hatim87uyennhi@yahoo.com & changtraiiudoi@ymail.com Ebook CSS 360plus ver 1.0trong những lệnh đó là WIDTH dùng để thay đổi chiều rộng, may mắn là lệnh HEIGHT dùng để thay đổi chiềucao vẫn dùng được.Dựa trên những đặc điểm trên, chúng ta có thể thay đổi được như sau:- Thay đổi 2 file ảnh để có những hình khác nhau (như mọi người vẫn làm)- Thay đổi chiều cao của khung nền để ảnh tâm trạng có thể cao hơn không bị hạn chế là 50 px nữa. Điều nàycho phép bạn chọn được nhiều ảnh đẹp hơn và dễ dàng hơn trong việc thiết kế file ảnh. (Ví dụ minh họa: trangblog hoa hậu Bạc Liêu)- Không nhất thiết phải dùng 2 files ảnh có kích thước cố định 25x300 và 50x600; bạn có thể dùng 12 file ảnhcho 12 icons tâm trạng khác nhau (có chiều rộng không quá 50, chiều cao thoải mái). Điều này cho phép bạnkhông mất công thiết kế file ảnh nếu bạn không thạo, ...