Chèn icon cho các module

Vấn đề chèn icon cho các module ở bản Beta dường như là vấn đề "nóng bỏng" nhất mà các blogger quan tâm lý do là cách thức biểu thị icon của bản Beta đã khác so với bản cũ và hầu hết blogger đều không đón nhận nó. Các chấm nhỏ đầu dòng không được sinh động cho lắm




Chúng ta sẽ thay thế icon đó bằng một hình theo ý muốn. Đầu tiên sử dụng code loại bỏ icon list đó

Quote:

.mod_all .rc_bd .bd ul li{list-style-type:none;}/*olympia41124*/

Sau đó mới sử dụng các code chèn icon cho các module sau





Module Bài Mới Nhất

Quote:

#article_new li{background:transparent url(Link icon) no-repeat top left;text-align:right;}/*olympia41124*/

Module Bình Luận Mới Nhất

Quote:

#comment_new h3, #comment_new li{background:transparent url(Link icon) no-repeat top left;text-align:right;}/*olympia41124*/

hoặc

Quote:

#comment_new h3{background:transparent url(Link icon) no-repeat top left;text-align:right;}/*olympia41124*/ #comment_new li{background:transparent url(Link icon) no-repeat top left;text-align:right;}/*vietnam360plus.com*/

Module Thư Mục Riêng

Quote:

#folder li{background:transparent url(Link icon) no-repeat top left;text-align:right;}/*olympia41124*/

Module Thống Kê

Quote:

#statistic li{background:transparent url(Link icon) no-repeat top left;text-align:right;}/*olympia41124*/

Module Blog Tôi Thích

Quote:

.mod_all .rc_bd .bd ul.folder li{background:transparent url(Link icon) no-repeat top left;}/*olympia41124*/

Module Hồ Sơ Blog - Thông Tin Cá Nhân

Quote:

#profile_card .bd dl dt{background:transparent url(Link icon) no-repeat top left;text-align:center;}/*olympia41124*/

Thay link icon bằng link hình bạn muốn. Lưu ý là cách chèn icon của Beta Plus không giống bản cũ nên các chữ của các phần chèn icon sẽ được canh phải để chừa chỗ cho icon. Ngoài ra trong các code trên có phần top left, bạn có thể thay bằng một trong các kiểu sau để điều chỉnh cho đến lúc nào vừa ý

top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right


Các bạn có thể tham khảo các icon ở trang sau >>> http://s118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Icon/?start=all



Written by olympia41124