Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!

Группы пользователей: цвета групп

Группы пользователей: цвета групп
Материал добавлен: 14 Апреля 2017
Материал обновлен: 16 Мая 2025

Пользователи на сайте делятся на группы, каждая из которых обладает определёнными правами доступа. В конструкторе сайтов uCoz предусмотрено семь предустановленных групп:

  • Администраторы
  • Модераторы
  • Проверенные
  • Пользователи
  • Друзья сайта
  • Заблокированные
  • Гости

Дополнительно вы можете создавать собственные группы пользователей.

В онлайн-статистике сайта ($ONLINE_USERS_LIST$) и в статистике форума группы пользователей отображаются с различными цветами по предустановленной схеме:

  • Администраторыкрасный цвет
  • Модераторысиний цвет
  • Проверенныезелёный цвет

Остальные группы, для которых цвет не задан, отображаются в цвете ссылок сайта по умолчанию.

Настройка цветовой схемы в CSS

Цвета задаются в разделе "Таблица стилей" следующим образом:

a.groupModer:link,
a.groupModer:visited,
a.groupModer:hover {color:blue;} /* Модераторы */

a.groupAdmin:link,
a.groupAdmin:visited,
a.groupAdmin:hover {color:red;} /* Администраторы */

a.groupVerify:link,
a.groupVerify:visited,
a.groupVerify:hover {color:green;} /* Проверенные */

Чтобы изменить существующую цветовую схему или добавить новую, перейдите в панель управления по адресу: Адрес сайта/admin → Дизайн → Редактор → Таблица стилей CSS.

Как задать цвет для групп “Пользователи”, “Друзья сайта” и “Заблокированные”

a.groupUser:link,
a.groupUser:visited,
a.groupUser:hover {color:gray;} /* Пользователи */

a.groupFriends:link,
a.groupFriends:visited,
a.groupFriends:hover {color:pink;} /* Друзья сайта */

a.groupBanned:link,
a.groupBanned:visited,
a.groupBanned:hover {color:orange;} /* Заблокированные */

Цвет можно задать как в формате {color:orange;}, так и в HEX-формате, например: {color:#f69802;}.

Как задать цвет для новых пользовательских групп

Новые группы обозначаются как groupOtherX, где X — это порядковый номер созданной группы.

Пример для первой пользовательской группы:

a.groupOther1:link,
a.groupOther1:visited,
a.groupOther1:hover {color:#b102f6;}

Дополнительные классы для отображения на форуме

Главная страница форума:

  • .lastUserLink — ссылка "Приветствуем нового участника"
  • .userBirthdayLink — ссылка "Поздравляем с Днём рождения!"
  • .forumModer — ссылка "Модератор форума"
  • .lastPostUserLink — ссылка "Автор темы"

Страница с сообщениями:

  • .postUser — ник пользователя, оставившего сообщение или тему
  • .postUserGroup — название группы, не являющееся ссылкой

Если в вашей таблице стилей отсутствуют эти классы, вы можете добавить их вручную.

Пример:

.postUser {
 font-weight: bold;
}

Ник пользователя в этом случае будет отображаться жирным шрифтом.

Группы пользователей: цвета групп