Решено Как к форуму подключить Font Awesome 5 Pro ?

[Dar_Boga]

Всем привет.Подскажите как я могу подключить к форуму Font Awesome 5 Pro ?
На данный момент у меня fa иконки работают только так - Font Awesome 5 Free и значения просит fa fa-user или же f007.
Подключить @fa-var-duotone-user-check к примеру я не могу так как форум выводит ошибку.
Подскажите что делать?

 

Решено  Что за плагин - Выводит количество не просмотренных тем и сообщений за указанный промежуток времени

Вопрос  addon to discover who has more than one membership in the forum

[xdeep]

Как подключать fad иконки FontAwesome в XenForo 2.3

27.02.2025

Как подключать иконки FontAwesome в XenForo 2.3

• xdeep
• fa-иконки
• Инструкции

 

[Dar_Boga]

Ну а почему когда я использую @fa-var-duotone-user-check ,то у меня форум ломается?

 

[Dar_Boga]

вот к примеру модификация - https://aprodam.ru/resources/dobavlyayem-animirovannuyu-ikonku-pered-imenem-pol-zovatelya.1805/

и вот ошибка после этого -

 

[xdeep]

полагаю у Вас 2.2, поправил, мой код только для 2.3 подходит

 

[Dar_Boga]

полагаю у Вас 2.2, поправил, мой код только для 2.3 подходит

жаль.А подскажите,для 2.2 нет ли плагинов или чего то подобного,чтобы так же рядом с ником выводить анимированные иконки?

 

[xdeep]

жаль.А подскажите,для 2.2 нет ли плагинов или чего то подобного,чтобы так же рядом с ником выводить анимированные иконки?

плагинов нет, а код под 2.2 нужно править

 

[Dar_Boga]

плагинов нет, а код под 2.2 нужно править

тот код что у вас править?

 

[xdeep]

тот код что у вас править?

да

 

[Dar_Boga]

да

понял

 

[xdeep]

пример для 2.2 (далее по образу и подобию делаете для других групп)

в стиль групп (пример)
админ:

text-shadow: #ee82ee 1px 1px 10px;
color: red;
font-weight: bold;

модер

color: #0000FF;
font-weight: bold;

Юзер:

color: #9999FF;
font-weight: bold;

в extra.less:

.username--style3:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f521";
    padding-right: 1px;
    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--style2:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f4ba";
    padding-right: 1px;
    display: inline-block
}

.username--style2: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--style4:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f091";
    padding-right: 1px;
    display: inline-block
}

.username--style4: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
}

 

[Dar_Boga]

пример для 2.2 (далее по образу и подобию делаете для других групп)

в стиль групп (пример)
админ:

text-shadow: #ee82ee 1px 1px 10px;
color: red;
font-weight: bold;

модер

color: #0000FF;
font-weight: bold;

Юзер:

color: #9999FF;
font-weight: bold;

в extra.less:

.username--style3:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f521";
    padding-right: 1px;
    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--style2:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f4ba";
    padding-right: 1px;
    display: inline-block
}

.username--style2: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--style4:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f091";
    padding-right: 1px;
    display: inline-block
}

.username--style4: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
}

отлично,спасибо большое