FA иконки crmp online 1.6

JustAlex · 1 Дек 2025

JustAlex обновил(а) ресурс FA иконки crmp online новой записью:

Добавление новых иконок

Был обновлён код и добавлены новые иконки. Актуально на 01.12.25

Tyler_Lawrence · 2 Дек 2025

JustAlex написал(а):
JustAlex обновил(а) ресурс FA иконки crmp online новой записью:

Добавление новых иконок

Узнать больше об этом обновлении...

помоги мне пж
что делать? если не показывается? я добавил это в extra.less
я ввёл код этот, у меня группа 3

.username--style3:before {
font-family: "Font Awesome 5 Pro";
content: "\f8c5";
font-weight: 600;
padding-right: 2px;
display: inline-block
}

Может быть у меня есть ошибка? Если нету то как?

Kolpak · 2 Дек 2025

Tyler_Lawrence написал(а):
помоги мне пж
что делать? если не показывается? я добавил это в extra.less
я ввёл код этот, у меня группа 3

Может быть у меня есть ошибка? Если нету то как?

Если такой "квадратик" значит в стиле используется не Font Awesome, а какой-то другой шрифт для иконок. Настройки стиля - Icons - Icon font (Font Awesome)

Tyler_Lawrence · 2 Дек 2025

Kolpak написал(а):
Если такой "квадратик" значит в стиле используется не Font Awesome, а какой-то другой шрифт для иконок. Настройки стиля - Icons - Icon font (Font Awesome)

спасибо!

Bloadnak · 13 Дек 2025

JustAlex написал(а):
JustAlex добавил(а) новый ресурс:

FA иконки crmp online - Все иконки форума crmp online

Узнать больше об этом ресурсе...

Привет,я захотел сделать также но у меня проблема после вставки кода в extra.less краски стать багавоми они потом белые -прозрачные я вводил также весь код и по отдельности тоесть только один код из всех и вводил ид группы пользователей и на своем аккаунте основной краской сделал нужную в чем может быть ошибка?

Bloadnak · 13 Дек 2025

Bloadnak написал(а):
Привет,я захотел сделать также но у меня проблема после вставки кода в extra.less краски стать багавоми они потом белые -прозрачные я вводил также весь код и по отдельности тоесть только один код из всех и вводил ид группы пользователей и на своем аккаунте основной краской сделал нужную в чем может быть ошибка?

Допустим я вставляю вот так

CSS:

<!-- Shield -->
.username--style3:before {
font-family: "Font Awesome 5 Pro";
content: "\f132";
font-weight: 600;
padding-right: 5px;
display: inline-block
}

Вместо 3 пишу ид краски
Моей это 39 ид краски мой я потом ищу на аккаунт обновляю страницу но потом краски белые а если допустим
Пропишу без


А просто

CSS:

.username--style3:before {
font-family: "Font Awesome 5 Pro";
content: "\f132";
font-weight: 600;
padding-right: 5px;
display: inline-block
}

Краски обычные тоесть ничего не изменилось и иконки нету что делать подскажите пожалуйста (

Даже когда прописал просто

CSS:

.username--style3:before {
font-family: "Font Awesome 5 Pro";
content: "\f132";
font-weight: 600;
padding-right: 5px;
display: inline-block
}

А ид краски вместо 3 всеравно ничего не измениться
Также выставлял полны код

Bloadnak · Суббота в 21:13

@JustAlex, я залил в extra.less вместо ид 3 изменил на группу пользователя зашёл на акк куда выдавал но там все краски поломались и все

Kolpak · Суббота в 22:22

Bloadnak написал(а):
@JustAlex, я залил в extra.less вместо ид 3 изменил на группу пользователя зашёл на акк куда выдавал но там все краски поломались и все

Покажите код

Bloadnak · Суббота в 22:36

Kolpak написал(а):
Покажите код

Смотри типо я беру код допустим этот

CSS:

<!-- Fire -->
.username--style3:before {
font-family: "Font Awesome 5 Pro";
content: "\f06d";
font-weight: 600;
padding-right: 2px;
display: inline-block
}

Где .username--style3:before { я меняю вместо 3 на 47 на группу пользователя нужного потом захожу на профиль через п/у и делаю основную группу пользователя которую сделал потом иду на форум и смотрю профиль но у красок нет заднего фона и оно всё белое оно с этим кодом не работает

Kolpak · Суббота в 22:48

Bloadnak написал(а):

Потому что такой способ комментирования не допускается в шаблонах с расширением .less, из-за этого возникает синтаксическая ошибка. Допустимые варианты комментирования: // test или /* test */

Bloadnak · Суббота в 23:13

Kolpak написал(а):
Потому что такой способ комментирования не допускается в шаблонах с расширением .less, из-за этого возникает синтаксическая ошибка. Допустимые варианты комментирования: // test или /* test */

Я понять не могу,так что мне сейчас сделать то нужно?

Kolpak · Суббота в 23:14

Bloadnak написал(а):
Я понять не могу,так что мне сейчас сделать то нужно?

Удалить эту строчку

Bloadnak написал(а):

JustAlex · Воскресенье в 13:14

Bloadnak написал(а):
Смотри типо я беру код допустим этот

CSS:

 .username--style3:before { font-family: "Font Awesome 5 Pro"; content: "\f06d"; font-weight: 600; padding-right: 2px; display: inline-block }

Где .username--style3:before { я меняю вместо 3 на 47 на группу пользователя нужного потом захожу на профиль через п/у и делаю основную группу пользователя которую сделал потом иду на форум и смотрю профиль но у красок нет заднего фона и оно всё белое оно с этим кодом не работает

Я добавляю комментарии чисто для того, чтобы вы понимали, что это за иконка. И эти строчку с комментарием вставлять не нужно, т.к это просто комментарий, а также в хенфоро другой метод комментирования, а я использую комментарии, которые приняты в языке разметки html. Ну теперь наверное буду использовать комментарии, которые используются в движке, чтобы таких проблем в будущем не было.
А также вообще лучше вставлять этот код иконок сразу в поле css-кода группы пользователей, чтобы не засорять шаблон. Сегодня как раз обновлю ресурс.

Bloadnak · Воскресенье в 13:20

JustAlex написал(а):
Я добавляю комментарии чисто для того, чтобы вы понимали, что это за иконка. И эти строчку с комментарием вставлять не нужно, т.к это просто комментарий, а также в хенфоро другой метод комментирования, а я использую комментарии, которые приняты в языке разметки html. Ну теперь наверное буду использовать комментарии, которые используются в движке, чтобы таких проблем в будущем не было.
А также вообще лучше вставлять этот код иконок сразу в поле css-кода группы пользователей, чтобы не засорять шаблон. Сегодня как раз обновлю ресурс.

В обзоре сказано что надо вставлять же в extra.less а тут вы щас говорите не вставлять и не зассорят его а вставить в css в коде группы и что теперь делать?,В шаблоне код красок ломается даже если я пишу без 
Ошибка остаться все также в в css группы пользователей я уже вставил там шаблон другой внизу фотка

Kolpak · Воскресенье в 13:22

Bloadnak написал(а):
В обзоре сказано что надо вставлять же в extra.less а тут вы щас говорите не вставлять и не зассорят его а вставить в css в коде группы и что теперь делать?,В шаблоне код красок ломается даже если я пишу без 
Ошибка остаться все также в в css группы пользователей я уже вставил там шаблон другой внизу фотка

Полный код покажите, который вставляете

JustAlex · Воскресенье в 13:24

Bloadnak написал(а):
В обзоре сказано что надо вставлять же в extra.less а тут вы щас говорите не вставлять и не зассорят его а вставить в css в коде группы и что теперь делать?,В шаблоне код красок ломается даже если я пишу без 
Ошибка остаться все также в в css группы пользователей я уже вставил там шаблон другой внизу фотка

Можно конечно, закинуть в extra.less, но также как альтернативный вариант, он же самый лучший - это сразу закинуть иконку в поле где css-код ника.
Код должен быть там по типу:

Код:

color: red;
&:before {
font-family: "Font Awesome 5 Pro";
content: "\f06d";
font-weight: 600;
padding-right: 2px;
display: inline-block
}

Bloadnak · Воскресенье в 13:27

JustAlex написал(а):
Можно конечно, закинуть в extra.less, но также как альтернативный вариант, он же самый лучший - это сразу закинуть иконку в поле где css-код ника.
Код должен быть там по типу:

Код:

color: red; &:before { font-family: "Font Awesome 5 Pro"; content: "\f06d"; font-weight: 600; padding-right: 2px; display: inline-block }

Можно и закинуть этот код но мне надо же иконка возле никнейма но оно чёт не робит

JustAlex · Воскресенье в 13:29

Bloadnak написал(а):
Можно и закинуть этот код но мне надо же иконка возле никнейма но оно чёт не робит

Скинь полный код ника и иконки, который ты вставляешь

Bloadnak · Воскресенье в 13:35

JustAlex написал(а):
Скинь полный код ника и иконки, который ты вставляеш

Скрытое содержимое для пользователя(ей): JustAlex

Вот код котопы в меня стойт в extra.less это код красок из crmp.online

.userBanner {
color: white;
text-transform: uppercase;
font-weight: 700;
font-size: 72%;
border-radius: 10px;
padding: 5.3px 7.3px;
border: .5mm ridge rgba(255,255,255,0.4);
background-size: 700% 700%;
animation: AnimBanner 10s ease infinite
}

.userBanner.userBanner--staff {
border: .6mm ridge rgba(255,255,255,0.4);
background-image: linear-gradient(to right, #8b008b 0%, #00bfff 100%, #00b9ff, #d104ff, #2800ff);
background-size: 900% 900%
}

.avatar {
border-radius: 50%;
box-shadow: none !important;
border: none !important;
outline: none !important;
text-decoration: none !important;
filter: none !important;
transform: none !important
}

.memberHeader-avatar .avatar {
border-radius: 50%
}

.avatar--xxs,.avatar--xs,.avatar--s,.avatar--m,.avatar--l,.avatar--xl,.message-userAvatar .avatar,.memberHeader-avatar .avatar {
box-shadow: none !important;
border: none !important;
border-radius: 50%
}

.razrab {
background-image: linear-gradient(270deg, #f819a7, #4619f8);
box-shadow: #f819a7 1px 1px 10px
}

.durov {
background-image: linear-gradient(270deg, #a0522d, #d2691e, #8b4513);
box-shadow: #a0522d 1px 1px 10px
}

.stadm {
background-image: linear-gradient(270deg, #06f, #04b);
box-shadow: #06f 1px 1px 10px
}

.soskags {
background-image: linear-gradient(270deg, #49cc2c, #00ced1);
box-shadow: #49cc2c 1px 1px 10px
}

.kot {
background-image: linear-gradient(270deg, #8b0000, #000, #8b0000, #000, #8b0000, #000, #8b0000, #000);
box-shadow: #8b0000 1px 1px 10px
}

.soskazgs {
background-image: linear-gradient(270deg, #06f, #ba55d3);
box-shadow: #06f 1px 1px 10px
}

.redadmin {
background-image: linear-gradient(270deg, #b22222, #dc143c, #8b0000);
box-shadow: #f00 1px 1px 10px
}

.user {
background-image: linear-gradient(270deg, #bcbbbb, #515151);
box-shadow: #bcbbbb 1px 1px 10px
}

.sledfrac {
background-image: linear-gradient(270deg, #33f, #120a8f);
box-shadow: #33f 1px 1px 10px
}

.admin {
background-image: linear-gradient(270deg, #6e48aa, #9d50bb, #9932cc, #9400d3, #7442c8, #8a2be2);
box-shadow: #6e48aa 1px 1px 10px
}

.mlmoder {
background-image: linear-gradient(270deg, #80c3df, #0da, #0a8);
box-shadow: #80c3df 1px 1px 10px
}

.stmod {
background-image: linear-gradient(270deg, #f819a7, #0859fc);
box-shadow: #f819a7 1px 1px 10px
}

.moder {
background-image: linear-gradient(270deg, #01a72c, #df841a, #468153);
box-shadow: #01a72c 1px 1px 10px
}

.osnov {
background-image: linear-gradient(270deg, #feea10, #ff931e);
color: black;
box-shadow: #feea10 1px 1px 10px
}

.ga {
background-image: linear-gradient(270deg, #32cd32, #008000, #20b2aa);
box-shadow: #32cd32 1px 1px 10px
}

.osnovakp {
border: .6mm ridge rgba(255,255,255,0.4);
background: linear-gradient(270deg, #04b, #bb0, #a00);
background-size: 900% 900%;
box-shadow: #04b 1px 1px 10px
}

.super {
background-image: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00);
position: relative;
z-index: 1
}

.lider {
background-image: linear-gradient(270deg, #da0, #f08b9a);
box-shadow: #da0 1px 1px 10px
}

.kur {
background-image: linear-gradient(270deg, #b0284d, #497fff);
box-shadow: #497fff 1px 1px 10px
}

.zablok {
background-image: linear-gradient(270deg, #000);
box-shadow: #000 1px 1px 10px
}

.adm {
background-image: linear-gradient(270deg, #6b8e23, #82f358, #49cc2c);
box-shadow: #6b8e23 1px 1px 10px
}

.teh {
background-image: linear-gradient(270deg, #ff4500, #b50, #c00);
box-shadow: #ff4500 1px 1px 10px
}

.grand {
background-image: linear-gradient(270deg, #f4a460, #daa520, #d2691e);
box-shadow: #f4a460 1px 1px 10px
}

.black {
background-image: linear-gradient(270deg, #dc143c, #b22222, #8b0000);
box-shadow: #dc143c 1px 1px 10px
}

.sueta {
background-image: linear-gradient(270deg, #808080, #c0c0c0, #8b4513);
box-shadow: #808080 1px 1px 10px
}

.hassle {
background-image: linear-gradient(270deg, #ffd700, #ffa500, #ff8c00);
box-shadow: #ffd700 1px 1px 10px
}

.lunar {
background-image: linear-gradient(270deg, #ff69b4, #d16aff);
box-shadow: #ff69b4 1px 1px 10px
}

.test {
background-image: linear-gradient(270deg, #c71585, #ff1493, #ff69b4);
box-shadow: #c71585 1px 1px 10px
}

.melky {
background-image: linear-gradient(270deg, #9370db, #9932cc, #da70d6);
box-shadow: #9370db 1px 1px 10px
}

.project {
background-image: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6);
box-shadow: #d600c1 1px 1px 10px
}

.stkot {
background-image: linear-gradient(270deg, #ff5b00, #ff000d, #ffd045, #007cad, #5f1179);
box-shadow: #ff5b00 1px 1px 10px
}

.sponsor {
background-image: linear-gradient(270deg, #6a5acd, #4b0082, #8a2be2);
box-shadow: #6a5acd 1px 1px 10px
}

.spec {
background-image: linear-gradient(270deg, #f00, #8b0000, #dc143c);
box-shadow: #f00 1px 1px 10px
}

.osnovatel {
background-image: linear-gradient(270deg, #feea10, #ff931e, #feea10);
box-shadow: #feea10 1px 1px 10px
}

.Gladmin {
background-image: linear-gradient(270deg, #5ade21, #008000, #5ade21);
box-shadow: #5ade21 1px 1px 10px
}

.ZGadmin {
background-image: linear-gradient(270deg, #4bb524, #26e0af, #4bb524);
box-shadow: #4bb524 1px 1px 10px
}

.rykproekta {
background-image: linear-gradient(270deg, #8b006d, #f00);
box-shadow: #f00 1px 1px 10px
}

.zrpice {
background-image: linear-gradient(270deg, #b296ff, #ff3b9a, #03ffa2, #f52594, #6171ff, #b635e5, #e1c9ff);
box-shadow: #b296ff 1px 1px 10px
}

.iceteam {
background-image: linear-gradient(270deg, #b870ff, #c6ff6b, #21ed73, #3d98ff, #f700df, #ff0, #758cff);
box-shadow: #b870ff 1px 1px 10px
}

.pluxury {
background-image: linear-gradient(270deg, #ff6745, #ffe7ab, #feb0ff, #ff8178, #ebb894, #ffcfad, #ffaf75);
box-shadow: #ff6745 1px 1px 10px
}

.furmangroup {
background-image: linear-gradient(270deg, #e785ff, #ff8cec, #feb0ff, #a86500, #ffae36, #c781fc, #ff00c8);
box-shadow: #e785ff 1px 1px 10px
}

.kasper {
background-image: linear-gradient(270deg, #ff3df9, #49017f, #7f00ff, #e375ff, #8e59ff, #e97ef2, #d304d6);
box-shadow: #ff3df9 1px 1px 10px
}

.furmanvip {
background-image: linear-gradient(270deg, #458f51, #00de25, #7f00ff, #d60040, #ff598b, #9300a1, #f370ff);
box-shadow: #458f51 1px 1px 10px
}

.dagovsky {
background-image: linear-gradient(270deg, #992572, #992572, #992572, #992572, #992572, #992572, #d304d6);
box-shadow: #992572 1px 1px 10px
}

.respachegroup {
background-image: linear-gradient(270deg, #f00, #000);
box-shadow: #f00 1px 1px 10px
}

.wag {
background: linear-gradient(45deg, #f00, #c00, #f00, #c00) !important;
background-size: 400% 400% !important;
animation: wagnerShimmer 3s ease-in-out infinite !important;
color: white !important;
text-align: center !important;
font-size: 14px !important;
font-weight: 500 !important;
border-radius: 8px !important;
padding: 4px 10px !important;
border: none !important;
position: relative !important;
overflow: visible !important;
box-shadow: 0 2px 8px rgba(255,0,0,0.3) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 2px 4px !important;
text-shadow: 0 0 10px rgba(255,0,0,0.7) !important;
letter-spacing: 1px !important;
min-height: 22px !important;
max-height: 24px !important;
line-height: 1.3 !important
}

.wag::after {
content: '';
background-image: url('https://steamuserimages-a.akamaihd.net/ugc/2017102299334556140/2850FEB3E6AA7B24685305EC7610E5BCC874983F/?imw=512&imh=619&ima=fit&impolicy=Letterbox&imcolor=%23000000&letterbox=true');

background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 20px;
height: 20px;
display: inline-block;
margin-left: 8px;
vertical-align: middle;
border-radius: 50%;
border: 2px solid #fff;
box-shadow: 0 0 12px rgba(255,255,255,0.8),0 0 18px rgba(255,0,0,0.6),0 3px 6px rgba(0,0,0,0.3);
animation: wagnerPhoto 3s ease-in-out infinite;
flex-shrink: 0 !important;
align-self: center !important;
filter: brightness(1.15) contrast(1.08) saturate(1.2)
}

.wag:hover {
animation: wagnerPulse .5s ease-in-out !important;
transform: scale(1.04) !important
}

.wag:hover::after {
transform: scale(1.15) !important;
box-shadow: 0 0 18px rgba(255,255,255,0.9),0 0 25px rgba(255,0,0,0.7),0 4px 8px rgba(0,0,0,0.4)
}

.userBanner--wagnersex {
color: #fff;
border: none;
background-image: linear-gradient(210deg, #8b0000, #000, #8b0000, #000, #8b0000, #000, #8b0000, #000);
background-size: 900% 900%
}

.userBanner--winstongroup {
color: #fff;
border: none;
background-image: linear-gradient(210deg, #7442c8, #9400d3, #000080, #f0f);
background-size: 900% 900%;
text-transform: uppercase;
font-style: Hight;
font-size: 87%;
border-radius: 30px;
text-align: center;
padding: 1px 10px 3px;
animation: AnimBanner 5s ease infinite
}

.userBanner--shontakers {
color: #fff;
border: none;
background-image: linear-gradient(210deg, #8b0000, #000, #8b0000, #000, #8b0000, #000, #8b0000, #000);
background-size: 900% 900%
}

.userBanner--gosharespach {
color: #fff;
border: none;
background-image: linear-gradient(210deg, #f00, #00f, #f00, #00f, #f00, #00f, #f00, #00f);
background-size: 900% 900%
}

@keyframes AnimBanner {
0% {
background-position: 0% 50%
}

50% {
background-position: 100% 50%
}

100% {
background-position: 0% 50%
}
}

@keyframes wagnerShimmer {
0% {
background-position: 0% 50%
}

50% {
background-position: 100% 50%
}

100% {
background-position: 0% 50%
}
}

@keyframes wagnerPhoto {
0%,100% {
transform: scale(1) rotate(0deg);
box-shadow: 0 0 12px rgba(255,255,255,0.8),0 0 18px rgba(255,0,0,0.6),0 3px 6px rgba(0,0,0,0.3)
}

50% {
transform: scale(1.12) rotate(6deg);
box-shadow: 0 0 18px rgba(255,255,255,0.9),0 0 25px rgba(255,0,0,0.7),0 4px 8px rgba(0,0,0,0.4)
}
}

@keyframes wagnerPulse {
0% {
transform: scale(1)
}

50% {
transform: scale(1.06)
}

100% {
transform: scale(1.04)
}
}

@keyframes AnimNic {
0% {
background-position: 0% 50%
}

50% {
background-position: 100% 50%
}

100% {
background-position: 0% 50%
}
}

Потом я делаю пробел и вставляю этот код

.username--style5:before {
font-family: "Font Awesome 5 Pro";
content: "\f6d5";
font-weight: 600;
padding-right: 2px;
display: inline-block

}

Убераю вверхню надпись как говорили и вместо 3 написал id группы нужный пользователя и на аккаунте Перез п/у сделал эту краску основную но всеравно не работает

JustAlex · Воскресенье в 13:43

Bloadnak написал(а):
*** Скрытый текст не может быть процитирован. ***

Я чёт не вижу кода

Поиск

Welcome!

FA иконки crmp online 1.6

JustAlex

Лучше плохо начать, чем хорошо бездействовать

Tyler_Lawrence

Вложения

Kolpak

Tyler_Lawrence

Bloadnak

Bloadnak

Bloadnak

Kolpak

Bloadnak

Kolpak

Bloadnak

Kolpak

JustAlex

Лучше плохо начать, чем хорошо бездействовать

Bloadnak

Вложения

Kolpak

JustAlex

Лучше плохо начать, чем хорошо бездействовать

Bloadnak

JustAlex

Лучше плохо начать, чем хорошо бездействовать

Bloadnak

JustAlex

Лучше плохо начать, чем хорошо бездействовать