Chỉ dùm mình làm icon cho widgets

Thảo luận trong 'Style & Template Questions' bắt đầu bởi nhoccute, 27/11/12.

1votes
5/5, 1 vote

  1. nhoccute

    nhoccute Member

    Bài viết:
    412
    Likes :
    67
    Mình đã thấy nhiều người làm cái này hay nhưng mải không có thời gian tìm hiểu, vậy hôm nay bạn nào biết chỉ mình cách làm icon cho từng mục của widgets Frame work .

    Demo: logo
     
    Đang tải...
  2. Fox Of Dark

    Fox Of Dark Oáp.... Mấy ngày nay thức trễ

    Bài viết:
    1,102
    Likes :
    316
    Trong phần titlle điền :
    <img ="linkanh"> trước cái titlle
     
  3. nhoccute

    nhoccute Member

    Bài viết:
    412
    Likes :
    67
    không đc thử rồi bạn à, mấy bác kia chen vao đâu ý bù đầu quá nên quên lun
     
  4. nhok612

    nhok612 Member

    Bài viết:
    439
    Likes :
    17
    ờ ha.. MÌnh chỉ viết tiêu đề mà không để ý. Thử thêm code vào tiêu đề xem ;)
     
  5. nhoccute

    nhoccute Member

    Bài viết:
    412
    Likes :
    67
    chèn code thì cái icon với tiêu đề nó thẳng nhau không bị lệch nhìn không thô, ai giúp đi
     
  6. nhok612

    nhok612 Member

    Bài viết:
    439
    Likes :
    17
    Nhưng mà làm đc không. nếu làm theo cách đó đc thì chỉnh sửa một tí thôi
     
  7. nhoccute

    nhoccute Member

    Bài viết:
    412
    Likes :
    67
    ai rành chỉ em phát
     
  8. nhoccute

    nhoccute Member

    Bài viết:
    412
    Likes :
    67
    upppppppppppppppp
     
  9. dinhchi

    dinhchi Well-Known Member

    Bài viết:
    555
    Likes :
    293
    khổ ghê, up hoài, lệch thì gán cho nó 1 class css thì tha hồ mà chỉnh.
    bạn làm như sau.
    trước tiêu đề bạn chèn đoạn này
    Mã:
    <img src="styles/novus/xenforo/xenfocus/statistics.png" class="header_icon">
    Vứt đoạn css này vào đâu tùy bạn
    Mã:
    .header_icon{ position:relative; vertical-align: top; }
    
     
  10. nhoccute

    nhoccute Member

    Bài viết:
    412
    Likes :
    67
    cậu ơi không biết sao cư seve nó thế này
     
  11. Chấm

    Chấm Active Member

    Bài viết:
    649
    Likes :
    123
    Làm r
    Có đc đâu =="
     
  12. ku Hiệu

    ku Hiệu Lì Lắm Luôn

    Bài viết:
    1,345
    Likes :
    862
    không được là do giới hạn tiêu đề widget hơi bị ít
    có thể làm giống như cách làm icon cho user_info của mình mà
    screenshot

    nói chung, chỉ cần cái tiêu đề ngắn là được, càng ngắn càng tốt :D
    có thể sửa lại tên css cho ngắn, hoặc nếu có icon nhỏ riêng, thì làm 2 cách thế này

    1.
    <img src=styles/img/icon.png>Title
    ~~> chọn vị trí cho icon có đường trỏ tới ngắn

    2. Tạo css

    .wg_icon1 {
    background-color: transparent;
    background-image: url("styles/img/icon1.png") no-repeat;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    width: 16px;
    margin: -2px 4px 0 0;
    }

    .wg_icon2 {
    background-color: transparent;
    background-image: url("styles/img/icon2.png") no-repeat;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    width: 16px;
    margin: -2px 4px 0 0;
    }

    ....
    sau đó muốn chèn icon trước tiêu đề widget thì chèn thế này

    <span class="wg_icon1"></span>Title

    Hết
     
comments powered by Disqus

Chia sẻ trang này

Đang tải...