1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

User rank pictures/icons?

Discussion in 'Styling and Customization Questions' started by fofogogo23, Feb 1, 2012.

  1. fofogogo23

    fofogogo23 New Member

    Hey everybody.
    I was wondering how to make members have user title images.
    Like, an administrator would have a .png that I made under his name to represent that he is an admin.

  2. Brogan

    Brogan XenForo Moderator Staff Member

  3. Nokturn

    Nokturn Member

    I have a question how can i put the title icons to the title tag/ribbon?
    Like this
  4. Nokturn

    Nokturn Member

    I got this:

    Add this:
    <div class="custom-title-admin"><img src="/images/diamant.png">Administrator</div>
    user title icon.PNG

    And put this in EXTRA.CSS

    .custom-title-admin {
            position: relative;
        background-color: @primaryMedium;
        border: 1px solid @primaryDarker;
        border-radius: 4px;
        padding: 4px;
            padding-left: 15px;
        margin: 4px 0;
        text-align: left;
        color: white;
    .custom-title-admin img {
        position: absolute;
        display: black;
        left: -7px;
    .sidebar .custom-title-admin {
        margin-left: 43px;
        max-width: 80px;

Share This Page