KayUser
Проверенные
- Сообщения
- 71
- Решения
- 3
- Реакции
- 33
- Баллы
- 80
Доброго времени суток. Интересует вопрос, что я сделал возможно не так. Требуется то, чтобы перед ником была иконка короны ( f521 | crown ). Выдается от группы. Пример ниже. Также вот наш extra.less:
Может кто поможет с кодом?)
Код:
//banners
.userBanner.my-style
{
color: black;
background-color: #87CEEB;
}
.userBanner.sozd
{
color: black;
background-color: #1899FF;
}
.userBanner.forum
{
color: black;
background-color: #FFD700;
background-shadow: white 0px 0px 8px;
}
/* === SCROLLBAR === */
@scrollbarBG: @xf-chromeTextColor; // Фон скролбара. Использованна переменная xenforo, можно заменить на цвет в любом формате (hex, rgb, hsl) или transparent - прозрачный.
@thumbBG: @xf-chromeBg; // Цвет скролбара. Использованна переменная xenforo, можно заменить на цвет в любом формате (hex, rgb, hsl).
@scrollbarWD: @xf-paddingMedium; // Ширина скролбара. Использованна переменная xenforo, можно заменить на свой размер в px, но для браузеров Mozilla ширина не изменится.
@thumbBR: @xf-borderRadiusLarge; // Радиус скролбара. Использованна переменная xenforo, можно заменить на свой размер в px.
* {
scrollbar-width: thin;
scrollbar-color: @thumbBG @scrollbarBG;
}
::-webkit-scrollbar {
width: @scrollbarWD;
}
::-webkit-scrollbar-track {
background: @scrollbarBG;
}
::-webkit-scrollbar-thumb {
background: #131526;
border-radius: @thumbBR;
}
.username-style-id(95; @f521) {
.username {
&--style95 {
&:before {
content: "\f521";
}
}
}
}
.username {
& :before {
.m-faBase(); padding-right: 4px;
}
}
.username--style36-.username--moderator::before {
font-family: 'Font Awesome 5 Pro';
font-size: inherit;
font-style: normal;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\f521';
color: inherit;
padding-right: 4px;
display: inline-block;
color: #ffd700;
text-shadow: 0px 0px 20px #ffd700;
}
.crown {
font-size: inherit;
font-style: normal;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: inherit;
[CENTER]padding-right: 4px;[/CENTER]
display: inline-block;
color: #ffd700;
text-shadow: 0px 0px 20px #ffd700;
}Может кто поможет с кодом?)
Последнее редактирование:
