Trang chủ Blog | Các câu hỏi thường gặp | Yahoo! Việt Nam

      Bài mới nhất

      Sửa Đóng
      Bài viết Tìm bài viết:
      Trích dẫn Báo cáo

      Icon tiêu đề module và một vài icon khác

      Thư mục: Trang Trí Blog 360Plus |
      Quan trọng
      Đăng ngày: 12:36 08-10-2009
      Các bạn nên xem link hình - ví dụ để tự thiết kế cho mình dễ dàng hơn.
      1.Icon trên tiêu đề cho module

      Code:
      #M .titlebar .hd h2{background:transparent url(Link hình) no-repeat left top;}
      Thay M bằng tên code của module tương ứng dưới đây:
      #folder   -   Thư mục riêng
      #article_new   -   Bài mới nhất
      #search_module   -   Tìm
      #friendlist_module   -   Danh sách bạn bè
      #statistic   -   Thống kê
      #calendar   -   Lịch
      #update_date   -   Cập nhật ngày
      #comment_new   -   Bình luận mới nhất
      #profile_card   -   Hồ sơ blog
      #subscribe_highlight   -   Blog yêu thích
      ----------------------------------------------------------------------------------------
      2.Icon phần thư mục, xem ngày tháng, bài mới nhất trong module xem thêm

      Code:
      .mod-more-blogs .bd h3{font-size:15px;background:url(Link hình - ví dụ) no-repeat;}
      ----------------------------------------------------------------------------------------
      3.Icon phần báo cáo, sửa, xóa

      Code:
      .mod-alist .mod-alist-titlebar-1 a,
      .mod-alist-titlebar a {background:transparent url(Link hình - ví dụ) no-repeat;color:mã màu chữ;}
      ----------------------------------------------------------------------------------------
      4.Icon bình luận riêng

      Code:
      .mod-alist-titlebar .lock {background:transparent url(Link hình - ví dụ) no-repeat;}
      ----------------------------------------------------------------------------------------
      5.Icon trả lời Reply

      Code:
      .mod-alist-full .alist-comment .responding h2 {background:transparent url(Link hình - ví dụ) no-repeat;}
      ----------------------------------------------------------------------------------------
      6.Icon thư mục trong module blog yêu thích

      Code:
      #subscribe_highlight .bd ul.folder li a {background:transparent url(Link hình - ví dụ) no-repeat left top;}
      ----------------------------------------------------------------------------------------
      7.Icon tổng cộng lời bình

      Code:
      .cmt-mod-alist .extend-hd a {background:transparent url(Link hình - ví dụ) no-repeat;}
      ----------------------------------------------------------------------------------------
      8.Icon bài quan trọng

      Code:
      .mod-alist-folderbar em .icon em {background:transparent url(Link hình - ví dụ) no-repeat;}
      ----------------------------------------------------------------------------------------
      9.Icon lời bình mới

      Code:
      .cmt-mod-alist .add-comment a {background:transparent url(Link hình - ví dụ) no-repeat;color:mã màu chữ;}
      ----------------------------------------------------------------------------------------
      10.Icon tag bạn bè: gia đình, bạn thân, bạn bè... trong danh sách bạn bè

      Code:
      #friend-list .folder span {background:transparent url(Link hình - ví dụ) no-repeat;}
      ----------------------------------------------------------------------------------------
      11.Icon đóng mở folder trong blog yêu thích
      Phần này thì còn cái đăng ký blog với tạo thêm thư mục, nhưng 2 cái icon này chỉ có đang nhập mới thấy đc nên mình ko sửa

      Code folder đóng:
      #subscript-side-bar li a {background:transparent url(Link hình - ví dụ) no-repeat;}
      Code folder mở:
      #subscript-side-bar li.on a {background:transparent url(Link hình - ví dụ) no-repeat;}
      Trích dẫn (0)