Thay đổi Icon biểu thị cho New comment,Thư mục riêng và Bài mới !
Saturday, 16 May 2009 17:08 vietnaminfotech .
Dạo gần đây có nhiều bạn hay hỏi làm thế nào để thay đổi các icon biểu thị cho new comment và Thư mục riêngW.Dephia mình quyết định share code cho các bạn thay đổi luôn cho Blog hoành tráng hơn chút nhá ^^.
quá nhỉ ? Vì thế hôm nay 
--------------------------------------------------------------------------------
Thực ra cũng không có gì khó hết, các bạn chỉ phải làm như sau :
Bước 1 : Kiếm 2 bộ icon nhỏ xinh xinh, kích thước khoảng 13x13 là ok.
Bước 2 : Up 2 ảnh đó vào host của bạn. (http://vn.myblog.yahoo.com/w-dephia/article?mid=376) Photobucket.com hoặc imageshack.us
Bước 3 : Bỏ đọan Code này vào CSS và thay link ảnh vào nhé :
Icon Folder:
#folder .bd ul li {background:transparent url('/Link icon') no-repeat 5px top;}
Icon New Comment :
#comment_new .bd ul li {background:transparent url('/Link icon') no-repeat left top;}
Icon Cho Module Bài Viết Mới :
#article_new .bd ul li {background:transparent url(Link icon) no-repeat 5px top;}
--------------------------------------------------------------------------------
Thực ra cũng không có gì khó hết, các bạn chỉ phải làm như sau :
Bước 1 : Kiếm 2 bộ icon nhỏ xinh xinh, kích thước khoảng 13x13 là ok.
Bước 2 : Up 2 ảnh đó vào host của bạn. (http://vn.myblog.yahoo.com/w-dephia/article?mid=376) Photobucket.com hoặc imageshack.us
Bước 3 : Bỏ đọan Code này vào CSS và thay link ảnh vào nhé :
Icon Folder:
#folder .bd ul li {background:transparent url('/Link icon') no-repeat 5px top;}
Icon New Comment :
#comment_new .bd ul li {background:transparent url('/Link icon') no-repeat left top;}
Icon Cho Module Bài Viết Mới :
#article_new .bd ul li {background:transparent url(Link icon) no-repeat 5px top;}
Không có nhận xét nào:
Đăng nhận xét