FA иконки crmp online 1.1

JustAlex · 10 Авг 2025

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

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

Сливаю FA иконки crmp online

Инструкция как правильно установить код, чтобы он работал:

1) Заходите в админ панель форума
2) Открываете меню - Группы и права - Группы пользователей
3) Выбираете нужную группу пользователей и открываете её
4)После открытия нужной группы нажимаете на поисковую строку и видите число - это id данной группы. Запоминание его
5) Заходите в шаблон extra.less и вместо моего числа ставите число определённой группы в строчке...

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

Sample Text · 10 Авг 2025

А у всех групп пользователей 3 id?

JustAlex · 10 Авг 2025

Envell написал(а):
А у всех групп пользователей 3 id?

Да, т.к нужно вручную менять для каждой группы пользователей

Sample Text · 10 Авг 2025

JustAlex написал(а):
Да, т.к нужно вручную менять для каждой группы пользователей

Бред полный, почему нельзя указывать сразу группу.

Sample Text · 10 Авг 2025

Так будет намного лучше

Код:

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

.username--style3:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

.username--style9:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

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

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

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

.username--style14:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

.username--style22:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f336";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

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

.username--style26:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

.username--style32:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

.username--style35:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

.username--style8:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f66d";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}
.username--style8:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

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

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

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

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

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

.username--style15:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f336";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

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

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

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

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

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

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

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

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

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

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

.username--style39:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

.username--style39:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}
.username--style:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f336";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

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

JustAlex · 10 Авг 2025

Envell написал(а):
Бред полный, почему нельзя указывать сразу группу.

Всм указывать сразу группу... я знаю ваши группы и какие у них id? Нет. Это делается вручную

JustAlex · 10 Авг 2025

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

Так будет намного лучше

Код:

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

.username--style3:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

.username--style9:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

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

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

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

.username--style14:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

.username--style22:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f336";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

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

.username--style26:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

.username--style32:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

.username--style35:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

.username--style8:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f66d";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}
.username--style8:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

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

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

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

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

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

.username--style15:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f336";
    font-weight: 600;
    padding-right: 3px;
    display: inline-block
}

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

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

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

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

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

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

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

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

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

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

.username--style39:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}

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

.username--style39:hover:before {
    display: inline-block;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s
}
.username--style:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f336";
    font-weight: 600;
    padding-right: 5px;
    display: inline-block
}

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

Да можно конечно было слить как у них в коде, но смысл? Ведь надо будет всё равно менять id под свои группы, что в твоём примере и что у меня в коде

Sample Text · 10 Авг 2025

JustAlex написал(а):
Да можно конечно было слить как у них в коде, но смысл? Ведь надо будет всё равно менять id под свои группы, что в твоём примере и что у меня в коде

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

JustAlex · 10 Авг 2025

Envell написал(а):
Но люди могут хотя бы смотреть где и какая , по сути твой мануал бесполезен , ведь есть сайт где эти же fa иконки можно найти.

id 3, если я не ошибаюсь относится к базовой группе Administrator, так что я не понимаю смысл твоих наездов на мой ресурс.
А посмотреть как выглядят иконки можно в моём коллаже скринов

platonckik · 11 Авг 2025

а толку от темы ? если можно найти на fontawesome

platonckik · 11 Авг 2025

Envell написал(а):
Но люди могут хотя бы смотреть где и какая , по сути твой мануал бесполезен , ведь есть сайт где эти же fa иконки можно найти.

OFFTOP

не думал что соглашусь с тобой - но это факт

platonckik · 12 Авг 2025

OFFTOP

@JustAlex зачем ты ставишь ржущий смайлик? толку от твоей темы то, если можно найти на сайте и вставить код тот же самый (ничем отличаться не будет)

platonckik · 12 Авг 2025

OFFTOP

зачем замазывать? ты и так спалил бинхост

Jack_Mithel · 12 Авг 2025

platon pluxury написал(а):
OFFTOP

@JustAlex зачем ты ставишь ржущий смайлик? толку от твоей темы то, если можно найти на сайте и вставить код тот же самый (ничем отличаться не будет)

OFFTOP

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

JustAlex · 12 Авг 2025

platon pluxury написал(а):
OFFTOP

@JustAlex зачем ты ставишь ржущий смайлик? толку от твоей темы то, если можно найти на сайте и вставить код тот же самый (ничем отличаться не будет)

OFFTOP

А обязательно комментировать мои действия и разводить бессмысленный оффтоп?
Я создал ресурс, потому что встречаются тут люди, которым нужны иконки crmp online и я им даю готовый код всех иконок + у меня более подробная
инструкция по установке этого кода чем у Aleksandr'a

platon pluxury написал(а):
OFFTOP

Посмотреть вложение 11264
зачем замазывать? ты и так спалил бинхост

OFFTOP

Круто круто, нашёл, до чего дое******

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

Joker_Mayorov · 21 Авг 2025

нету смысла сливать, их можно найти в Font Awesome

JustAlex · 21 Авг 2025

Joker_Mayorov написал(а):
нету смысла сливать, их можно найти в Font Awesome

OFFTOP

Мне 100 раз повторять? Кому надо тот возьмёт

Joker_Mayorov · 21 Авг 2025

JustAlex написал(а):
OFFTOP
Мне 100 раз повторять? Кому надо тот возьмёт

OFFTOP

да закрой ебальник хуйло ебаное я твою мать в гробу ебал

JustAlex · 21 Авг 2025

Joker_Mayorov написал(а):
OFFTOP
да закрой ебальник хуйло ебаное я твою мать в гробу ебал

OFFTOP

Ты блять про мать рот закрой, невоспитанная малолетка!

Joker_Mayorov · 21 Авг 2025

JustAlex написал(а):
OFFTOP
Ты блять про мать рот закрой, невоспитанная малолетка!

OFFTOP

Забей

LIVE SAMP

FA иконки crmp online 1.1

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

JustAlex

Sample Text

JustAlex

Sample Text

Sample Text

JustAlex

JustAlex

Sample Text

JustAlex

platonckik

platonckik

platonckik

platonckik

Jack_Mithel

JustAlex

Joker_Mayorov

JustAlex

Joker_Mayorov

JustAlex

Joker_Mayorov