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êng quá nhỉ ? Vì thế hôm nay
W.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á ^^.
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. 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;} |
Vậy là xong ! Bạn đã thay xong 2 icon cho
new comment và
Thư mục riêng rồi đó. Hy vọng bài viết có ích cho các bạn .
Nguồn
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êng quá nhỉ ? Vì thế hôm nay
W.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á ^^.
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. 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;} |
Vậy là xong ! Bạn đã thay xong 2 icon cho
new comment và
Thư mục riêng rồi đó. Hy vọng bài viết có ích cho các bạn .
Nguồn 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êng quá nhỉ ? Vì thế hôm nay
W.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á ^^.
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. 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;} |
Vậy là xong ! Bạn đã thay xong 2 icon cho
new comment và
Thư mục riêng rồi đó. Hy vọng bài viết có ích cho các bạn .
Nguồn W.Dephia's Blog
