LESS для Font Awesome в баннер и перед ником.

[Skaiman]

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

LESS для Font Awesome в баннер и перед ником. - Как вставить иконки перед ником и названием группы.

Собрал в кучу коды less для прикручивания иконок.
Делаем иконку перед названием группы в баннере. В extra.less пишем:

.userBanner--before (@bannerStyle; @content) {
    .userBanner {
        &.@{bannerStyle} {
            strong {
                &:before {
                    content: "\@{content}";
                }
            }
        }
    }
}

.userBanner {
    strong {
        &:before {
            font-family: "FontAwesome";
            padding-right: 3px;
        }...

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

 

[Убро]

Подскажите мне, я дурачок чуть-чуть, куда добавлять эту строчку?

потом добавляем для нужной группы:

.userBanner--before (userBanner--red, f132);

 

[Atikin]

В тот же шаблон, где и предыдущий код
(extra.less)

 

[Убро]

В тот же шаблон, где и предыдущий код
(extra.less)

Но у меня не чего не появляется ?
UPD: а теперь появилось, странно как-то ?

 

[Atikin]

Мануал для иконок Awesome 4, а у xf 2.1 иконки Awesome 5.
Найти код иконок можно

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[Katsuro]

XenForo 2.1.1, брал коды для FA 5, но ничего не показывается. Попробовал даже со стандартным стилем, а код скопировал, только изменил код иконки.
(Про PRO версии не пишите, брал иконки не ПРО)

 

[25517]

Katsuro,
Вместо font-family: "FontAwesome";
.m-faBase();

 

[Mirovinger]

Код который использовали, а хотя в целом, замените.
font-family: "FontAwesome";
На.
.m-faBase();

 

[Narberal Gamma]

Делаем для ника по группе пользователей. В extra.less:

Не работает

 

[Mirovinger]

Работает, амперсанд и :before только у Вас на скрине, находятся не вместе, прежде чем писать, внимательно сравните код с исходным и найдите свою же ошибку.

 

[Narberal Gamma]

Mirovinger, я внимательно посмотрел, там он раздельно идёт. Я его соединил, он по прежнему не работает.

 

[Mirovinger]

Ах да, это в первом примере вместе, приношу свои извинения, тогда вопрос в следующем, а Ид нужной группы?
Технически всё должно работать и в будущем не скрином бросайте, а кодом публикуйте.

 

[Narberal Gamma]

Mirovinger, я не знаю, куда добавлять ид. Я установил плагин на форуме, теперь имя сайта/gilgamesh у меня стоит

 

[Mirovinger]

Хотя стоп, ошибка в другом, Вы не верно используете функцию.
Нужно под кодом, который вы скопировали, дописать такую строку и передать туда нужные параметры.
.username-style-id (3, f132);
И тогда это будет так выглядеть.

.username-style-id(@styleId; @content) {
    .username {
        &--style@{styleId} {
            &:before {
                content: "\@{content}";
            }
        }
    }
}

.username {
    & :before {
    .m-faBase();
    padding-right: 4px;
    }
}

.username-style-id (3, f132);

 

[Narberal Gamma]

Не работает по прежнему

.username-style-id(@styleId; @content) {
    .username {
        &--style@{styleId} {
            &:before {
                content: "\@{content}";
            }
        }
    }
}

.username {
    & :before {
    .m-faBase();
    padding-right: 4px;
    }
}

.username-style-id (1, f132);

 

[Mirovinger]

Один момент, Вы для пользователя или группы хотите, для группы перед ником проверил и работает.

.username-style-id(@styleId; @content) {
    .username {
        &--style@{styleId} {
            &:before {
                content: "\@{content}";
            }
        }
    }
}

.username {
    & :before {
    .m-faBase();
    padding-right: 4px;
    }
}

.username-style-id (8, f132);

 

[Narberal Gamma]

Mirovinger, я хочу конкретно для пользователя, тоесть для одного себя.
Если есть возможность, то напишите также и для конкретных групп пользователей.

 

[Atikin]

Gilgamesh, самый последний пример в ресурсе. Хотя б читали бы, что копипастите...

 

[Skaiman]

здесь уже столько написано об этом

 

[Narberal Gamma]

Atikin, оно не работает почему-то. Я последний пример скопировал