Прошу вашей помощи

Добро пожаловать!

Зарегистрировавшись у нас, вы сможете обсуждать, делиться и отправлять личные сообщения другим участникам нашего сообщества.

Зарегистрироваться!
  • Если Вы желаете помогать развитию проекта, готовы заполнять раздел(-ы) и подсказывать другим пользователям на портале, есть возможность попасть в команду редакторов. Для этого следует обратиться в техническую поддержку
Пользователь
Регистрация
28 Дек 2023
Сообщения
17

Это не мой форум, я с тобой в вк общялся "Неизвестная Личность" я хотел в данной теме узнать как сделать вот такие роли и значки возле ника.
 
Пользователь
Регистрация
21 Янв 2023
Сообщения
87
CSS:
.kurator {
  color: white;
  background-color: #8B00FF;
}
.userBanner.userBanner--staff,
.userBanner.userBanner--primary {
  color: #fff;
  background: #ff0000;
  border-radius: 6px;
  border-color: #ff0000;
  padding: 4px 6px;
}
.userBanner--staff {
  background: #FF0000;
  border-radius: 10px 0px 10px 0px;
  color: white;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  border-radius: 10px 10px 0px 0px;
  padding: 4px;
  border: none;
}
.spec {
  background: #FF0000;
  color: white;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  border-radius: 10px 0px 10px 0px;
  padding: 4px;
  border: none;
}
.super {
  color: white;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  border-radius: 10px 0px 10px 0px;
  padding: 4px;
  border: none;
}
.admin {
  color: white;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  border-radius: 10px 0px 10px 0px;
  padding: 4px;
  border: none;
}
.mlmoder {
  background: #3CB371;
  color: white;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  border-radius: 10px 0px 10px 0px;
  padding: 4px;
  border: none;
}
.ga {
  background: #32CD32;
  color: white;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  border-radius: 10px 0px 10px 0px;
  padding: 7px;
  border: none;
}
.zga {
  background: #66CDAA;
  color: white;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  border-radius: 10px 0px 10px 0px;
  padding: 4px;
  border: none;
}
.polz {
  background: #C0C0C0;
  color: white;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  border-radius: 10px 0px 10px 0px;
  padding: 4px;
  border: none;
}
.osnov {
  background: #FF0000;
  color: white;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  border-radius: 10px 0px 10px 0px;
  padding: 4px;
  border: none;
  font-family: 'Montserrat-Bold';
}
.kur {
  background: #66CC42;
  color: white;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  border-radius: 10px 0px 10px 0px;
  padding: 4px;
  border: none;
  font-family: 'Montserrat-Bold';
}
.adm {
  background: #6B8E23;
  color: white;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  border-radius: 10px 0px 10px 0px;
  padding: 4px;
  border: none;
}
.stmod {
  background: #ffcb00;
  color: white;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  border-radius: 10px 0px 10px 0px;
  padding: 4px;
  border: none;
}
.mod {
  background: #456cdd;
  color: white;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  border-radius: 10px 0px 10px 0px;
  padding: 4px;
  border: none;
}
.gost {
  background: #D80000;
  color: white;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  border-radius: 10px 0px 10px 0px;
  padding: 4px;
  border: none;
}
.teh {
  background: #FF4500;
  color: white;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  border-radius: 10px 0px 10px 0px;
  padding: 4px;
  border: none;
}
.lider {
  background: #f08b9a;
  color: white;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  border-radius: 10px 0px 10px 0px;
  padding: 4px;
  border: none;
}
.gts {
  background: #FF0000;
  color: white;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  border-radius: 10px 0px 10px 0px;
  padding: 4px;
  border: none;
}
.razrab {
  background: #d14841;
  color: white;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  border-radius: 10px 0px 10px 0px;
  padding: 4px;
  border: none;
}
.stadm {
  background: #404e80;
  color: white;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  border-radius: 10px 0px 10px 0px;
  padding: 4px;
  border: none;
}
.soskags {
  background: #00CED1;
  color: white;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  border-radius: 10px 0px 10px 0px;
  padding: 4px;
  border: none;
}
.soskazgs {
  background: #BA55D3;
  color: white;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  border-radius: 10px 0px 10px 0px;
  padding: 4px;
  border: none;
}
 
Сверху