Skip to content

Rank icons

Moved Resources
12 4 3.5k 2
  • wrote on last edited by DownPW
    #2

    hmm ok but how do you use an icon for different user level ?
    And how do you show only the icon and not the text?

    And how to use this icon ?

  • hmm ok but how do you use an icon for different user level ?
    And how do you show only the icon and not the text?

    And how to use this icon ?

    wrote on last edited by phenomlab
    #3

    @DownPW First, upgrade @nodebb/nodebb-plugin-user-level to latest. This will allow you to use icons instead of text

    https://community.nodebb.org/topic/17204/nodebb-plugin-user-level-user-levels-plugin/11?_=1688631087129

    In terms of usage, they are called the same way as Font Awesome icons.

    This is what FA icons currently look like

    4eb755ad-58a8-400a-a54e-7afb6069369e-image.png

  • phenomlab phenomlab moved this topic from Tips on
  • wrote on last edited by
    #4

    Can you more explain?
    I must download the github project and paste to public folder ?
    how do you use an icon for different user level ?
    And how do you show only the icon and not the text?

    I don’t see a place to set icon on ACP

    image.png

  • Can you more explain?
    I must download the github project and paste to public folder ?
    how do you use an icon for different user level ?
    And how do you show only the icon and not the text?

    I don’t see a place to set icon on ACP

    image.png

    wrote on last edited by
    #5

    @DownPW

    @DownPW said in Rank icons:

    I must download the github project and paste to public folder ?

    Correct

    @DownPW said in Rank icons:

    how do you use an icon for different user level ?

    You need to reference the icon, for example, like this

    ac327219-a414-464e-8501-63780ef8255e-image.png

    @DownPW said in Rank icons:

    And how do you show only the icon and not the text?

    In what context? If you use the above for example, no text shows here (but it does show underneath)

  • wrote on last edited by
    #6

    ok thanks for explain and screen !!
    test asap

  • ok thanks for explain and screen !!
    test asap

    wrote on last edited by
    #7

    @DownPW No issues

  • wrote on last edited by
    #8

    looks good. 👍

  • wrote on last edited by
    #9

    @phenomlab are these stars customizable? ( I mean border, color, background etc.)

  • @phenomlab are these stars customizable? ( I mean border, color, background etc.)

    wrote on last edited by phenomlab
    #10

    @crazycells yes, they are Font Awesome icons.

    Just adding another comment here that I’m using the Pro version of Font Awesome, so icons from the free set will be solid by default and cannot be changed.

  • @crazycells yes, they are Font Awesome icons.

    Just adding another comment here that I’m using the Pro version of Font Awesome, so icons from the free set will be solid by default and cannot be changed.

    wrote on last edited by
    #11

    @phenomlab good to hear this. I am looking forward to trying this.

  • wrote on last edited by
    #12

    thank you Mark.

  • phenomlab phenomlab referenced this topic on

Related Topics