FA иконки crmp online 1.0

[JustAlex]

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

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

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

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

Спойлер: тык тык

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

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

 

[Envell]

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

 

[JustAlex]

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

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

 

[Envell]

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

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

 

[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
}

 

[JustAlex]

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

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

 

[JustAlex]

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

.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 под свои группы, что в твоём примере и что у меня в коде

 

[Envell]

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

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

 

[JustAlex]

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

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

 

[platon pluxury]

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

 

[platon pluxury]

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

OFFTOP

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

 

[platon pluxury]

OFFTOP

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

 

[platon pluxury]

OFFTOP

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

 

[Jack_Mithel]

OFFTOP

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

OFFTOP

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

 

[JustAlex]

OFFTOP

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

OFFTOP

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

OFFTOP

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

OFFTOP

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

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