Перейти к публикации

Как добавить ранг CSS?


css_rangi.png.736b666bad8c50ced32509e5a9d59134.png

Инструкция-Установка:

s2.thumb.png.0c381621062f7c79f29c985a8e06d3ae.png

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

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

 

Нажмите « Сохранить»

s3.thumb.png.7178374ca33ea47cc7a588fa872b46bc.png

ACP -> внешний вид ->стили и шаблоны ->редактирования HTML и CSS ->Tab CSS ->пользовательские ->custom.css ->Вставьте следующий код

 

/* Grupy */
.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;
}

Нажмите « Сохранить».

 

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

custom.thumb.png.eec8925199f72f2dac02de9fc7c08c80.png

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

/* 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;
}

 


 Отправить жалобу

×