Help Hỏi cách làm Node Icon như thế này ạ

Discussion in 'Styles Xenforo' started by vudinhkhang2, Jun 2, 2019.

  1. vudinhkhang2

    vudinhkhang2 Thượng Đế

    Joined:
    Jan 25, 2019
    Messages:
    102
    Likes Received:
    15
    Trophy Points:
    18
    Location:
    Lâm Đồng
  2. vudinhkhang2

    vudinhkhang2 Thượng Đế

    Joined:
    Jan 25, 2019
    Messages:
    102
    Likes Received:
    15
    Trophy Points:
    18
    Location:
    Lâm Đồng
  3. PVS

    PVS Cộng Sự Đặc Biệt Staff Member

    Joined:
    Feb 28, 2015
    Messages:
    11,804
    Likes Received:
    7,062
    Trophy Points:
    113
    Gender:
    Male
    Location:
    Huế
    Home Page:
    Mình nghĩ bạn nên gán css cố định width và height cho icon node.
     
  4. vudinhkhang2

    vudinhkhang2 Thượng Đế

    Joined:
    Jan 25, 2019
    Messages:
    102
    Likes Received:
    15
    Trophy Points:
    18
    Location:
    Lâm Đồng
    width và height là ở phần nào bác
    em không thêm mỗi ảnh cái chuông đó đâu còn nhiều ảnh như cái hình demo ý
     
  5. PVS

    PVS Cộng Sự Đặc Biệt Staff Member

    Joined:
    Feb 28, 2015
    Messages:
    11,804
    Likes Received:
    7,062
    Trophy Points:
    113
    Gender:
    Male
    Location:
    Huế
    Home Page:
    Bạn thử chỉnh sửa ở class ".node-icon" xem sao.
     
  6. vudinhkhang2

    vudinhkhang2 Thượng Đế

    Joined:
    Jan 25, 2019
    Messages:
    102
    Likes Received:
    15
    Trophy Points:
    18
    Location:
    Lâm Đồng
    bạn em cũng chỉ là ở class node icon nhưng mà em không biết nó ở đâu bác cho em xin link từ dấu / trở đi được không ạ
     
  7. vudinhkhang2

    vudinhkhang2 Thượng Đế

    Joined:
    Jan 25, 2019
    Messages:
    102
    Likes Received:
    15
    Trophy Points:
    18
    Location:
    Lâm Đồng
    demo: diendanviet.pro/nodeicon thì bacs đưa em /nodeicon
     
  8. PVS

    PVS Cộng Sự Đặc Biệt Staff Member

    Joined:
    Feb 28, 2015
    Messages:
    11,804
    Likes Received:
    7,062
    Trophy Points:
    113
    Gender:
    Male
    Location:
    Huế
    Home Page:
    Cái này bản chỉ cần thêm code vào extra.less là được.

    Code:
    .node-icon {
        width: 50px;
    }
    
    .node-icon i {
        background: transparent;
        font-size: 30px;
        color: inherit;
    }
    
    .node--unread .node-icon i {
        background: transparent;
    }
    
    .node-icon i:before {
        padding: 0;
    }
     
    vudinhkhang2 likes this.
  9. f0rest

    f0rest Thượng Đế

    Joined:
    Apr 22, 2015
    Messages:
    302
    Likes Received:
    179
    Trophy Points:
    43
    Gender:
    Male
    Bạn set đường dẫn ảnh "Node Background" là ok nhé
     
  10. vudinhkhang2

    vudinhkhang2 Thượng Đế

    Joined:
    Jan 25, 2019
    Messages:
    102
    Likes Received:
    15
    Trophy Points:
    18
    Location:
    Lâm Đồng
    yêu anh lắm <3
     

Share This Page