How to add a rank in css

simple way to add the ranks

ACP Users Groups. Select any group (eg Administrator) and click Edit. Group settings In "Group name" add:

простой способ добавить ранги

Группы пользователей ACP. Выберите любую группу (например, «Администратор») и нажмите «Изменить». Настройки группы В "Название группы" добавить:

Цитата

 

<span class='defaultGroup admin'>Administrator</span>

ACP Appearance Styles and templates Edit HTML and CSS Tab CSS custom custom.css Paste the code below
Внешний вид ACP Стили и шаблоны Редактирование HTML и CSS Вкладка CSS custom custom.css Вставьте код ниже

/ * Groups * /
.defaultGroup {
  border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 0;
    padding: 0 15px;
    text-shadow: none;
    vertical-align: middle;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
  box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.15) inset;
}
.admin {
background-color: #c75050;
}
.admin:before {
  content: "\f005";
   font-family: 'FontAwesome';
   margin-right: 3px;
}

If you do not want an asterisk in front of the group name, remove the .admin: before class from the .CSS code (in custom.css)

rank to be displayed only in topics, then just use this code:

Если вы не хотите звездочку перед именем группы, удалите .admin: перед классом из кода .CSS (в custom.css)

ранг будет отображаться только в темах, тогда просто используйте этот код:

/* Grupy */
.ipsComment_author .defaultGroup {
  border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 0;
    padding: 0 15px;
    text-shadow: none;
    vertical-align: middle;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
  box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.15) inset;
}
.ipsComment_author .admin {
background-color: #c75050;
}
.ipsComment_author .admin:before {
  content: "\f005";
   font-family: 'FontAwesome';
   margin-right: 3px;
}

Credit to one_finger_man1