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

[Mirovinger]

Нет, Вы не последний копировали, а предпоследний, если бы последний, то и разбирали бы его.

 

[Atikin]

Gilgamesh, а если я сейчас скопирую и оно заработает? Хрустального шара нет.

 

[Narberal Gamma]

Atikin, попробуйте.

Я скопировал предпоследний код, вот мой код Extra.less

.labelTextShadow(@shadow: 0 0 0, @color: transparent) {
    text-shadow: @shadow @color;
}

.label {
    font-size: 85%;
    text-transform: uppercase;
    font-weight: 500;

    .structItem-title & {
        font-weight: 500;
    }
 
    &:before {
           .m-faBase();
            padding-right: 5px;
        }
 
    &.label--hidden {
        font-size: 85%;
    }
 
    &.label--red {
        .m-labelVariation(rgb(231,76,60), transparent, transparent);
        .m-faBefore(@fa-var-exclamation-circle);
        .labelTextShadow();
    }

    &.label--green {
        .m-labelVariation(rgb(22,160,133), transparent, transparent);
        .m-faBefore(@fa-var-check-circle);
        .labelTextShadow();
    }

    &.label--olive {
        .m-labelVariation(rgb(39,174,96), transparent, transparent);
        .m-faBefore(@fa-var-question-circle);
        .labelTextShadow();
    }

    &.label--lightGreen {
        .m-labelVariation(rgb(46,204,113), transparent, transparent);
        .m-faBefore(@fa-var-usd-circle);
        .labelTextShadow();
    }

    &.label--blue {
        .m-labelVariation(rgb(41,128,185), transparent, transparent);
        .m-faBefore(@fa-var-upload);
        .labelTextShadow();
    }

    &.label--royalBlue {
        .m-labelVariation(rgb(52,152,219), transparent, transparent);
        .m-faBefore(@fa-var-download);
        .labelTextShadow();
    }

    &.label--skyBlue {
        .m-labelVariation(rgb(142,68,173), transparent, transparent);
        .m-faBefore(@fa-var-shopping-basket);
        .labelTextShadow();
    }

    &.label--gray {
        .m-labelVariation(rgb(127,140,141), transparent, transparent);
        .m-faBefore(@fa-var-file-alt);
        .labelTextShadow();
    }

    &.label--silver {
        .m-labelVariation(rgb(189,195,199), transparent, transparent);
        .m-faBefore(@fa-var-edit);
        .labelTextShadow();
    }

    &.label--yellow {
        .m-labelVariation(rgb(241,196,15), transparent, transparent);
        .m-faBefore(@fa-var-bullhorn);
        .labelTextShadow();
    }

    &.label--orange {
        .m-labelVariation(rgb(230,126,34), transparent, transparent);
        .m-faBefore(@fa-var-dice-d6);
        .labelTextShadow(0 0 10px, rgb(230,126,34))
    }

    &.label--pink {
        .m-labelVariation(rgb(230,110,180), transparent, transparent);
        .m-faBefore(@fa-var-hat-wizard);
        .labelTextShadow(0 0 10px, rgb(230,110,180))
    }

    &.label--golub {
        .m-labelVariation(rgb(102,196,255), transparent, transparent);
        .m-faBefore(@fa-var-helmet-battle);
        .labelTextShadow(0 0 10px, rgb(102,196,255))
    }

    &.label--kori {
        .m-labelVariation(rgb(74,2,6), transparent, transparent);
        .m-faBefore(@fa-var-dice-d6);
        .labelTextShadow(0 0 10px, rgb(74,2,6))
    }

    &.label--effect {
        .m-labelVariation(rgb(230,220,34), transparent, transparent);
        .m-faBefore(@fa-var-fire);
        .labelTextShadow(0 0 10px, rgb(230,220,34))
    }

    &.label--zdania {
        .m-labelVariation(rgb(60,230,144), transparent, transparent);
        .m-faBefore(@fa-var-building);
        .labelTextShadow(0 0 10px, rgb(60,230,144))
    }

&.label--decor {
        .m-labelVariation(rgb(21,230,245), transparent, transparent);
        .m-faBefore(@fa-var-chess-rook);
        .labelTextShadow(0 0 10px, rgb(21,230,245))
    }

&.label--predmet {
        .m-labelVariation(rgb(222,230,244), transparent, transparent);
        .m-faBefore(@fa-var-swords);
        .labelTextShadow(0 0 10px, rgb(222,230,244))
    }

&.label--other {
        .m-labelVariation(rgb(245,165,22), transparent, transparent);
        .m-faBefore(@fa-var-alien-monster);
        .labelTextShadow(0 0 10px, rgb(245,165,22))
    }

 

[Atikin]

Gilgamesh, код не полный. И связанного с именами пользователей я в нем вообще ничего не вижу.

 

[Narberal Gamma]

&.label--vazno {
        .m-labelVariation(rgb(255,0,0), transparent, transparent);
        .m-faBefore(@fa-var-bullhorn);
        .labelTextShadow(0 0 10px, rgb(255,0,0))
    }

    }
.message-cell--user
{
    max-width: none;
}

.username-user-id (@userId, @content, @usernameColor: false) {
    .username {
        &[data-user-id="@{userId}"] {
            [class*="username--style"] {
                &when (iscolor(@usernameColor)) {
                    color: @usernameColor;
                }
                &:before {
                    content: "\@{content}";         
                }
            }
        }
    }
}

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

.username-user-id (1, f0a1, #1B5E20);

 

[Skaiman]

Это код префиксов и ни как не относится к данной теме

 

[Narberal Gamma]

Gilgamesh, код не полный. И связанного с именами пользователей я в нем вообще ничего не вижу.

Ну я понял, я уже исправил

 

[Skaiman]

Gilgamesh, а у тебя в настройках групп указан цвет ников?

 

[Narberal Gamma]

Gilgamesh, а у тебя в настройках групп указан цвет ников?

Ты про это имеешь ввиду?
Или про настройках профиля?
Там стоит плагин по изменению цвета. У меня стоит градиент

 

[Skaiman]

Я имею в виду CSS имени пользователя, в коде используется класс оформления с ид группы username--style

 

[Atikin]

OFFTOP

Я имею в виду CSS имени пользователя, в коде используется класс оформления с ид группы username--style

А зачем? Можно же было username использовать...

 

[Narberal Gamma]

Я имею в виду CSS имени пользователя, в коде используется класс оформления с ид группы username--style

Не, там ничего нет. А что добавить то нужно?

 

[Skaiman]

А зачем? Можно же было username использовать...

можно было бы но он использует и если нет оформления имени пользователя группы, та и работать не будет

Не, там ничего нет. А что добавить то нужно?

color: red или другой цвет для оформления ников групп

 

[Narberal Gamma]

Отлично, работает. Можно код, который добавляет тень

 

[Atikin]

Можно код, который добавляет тень

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

 

[Narberal Gamma]

Здравствуйте. Нужна иконка battle net код иконки f835
Как ее вывести то?

 

[Atikin]

Gilgamesh, .m-faBase('Brands');.

 

[Narberal Gamma]

Всё хорошо, работает.

 

[Narberal Gamma]

Здравствуйте. Я точно не знаю в какую тему с данным вопросом обращаться.

Если добавить баннер, то получится так:
Если убрать баннер, то будет вот так:

Можете помочь с решением данным вопросом?

 

[MrBurn]

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

Но для мелких форумов вполне симпатично и отлично.

(Специально для мужичка поставившего реакцию clown. Так вот клоун здесь ты а не мои мысли. Мы подключаем JS, тобишь библиотеку, и чтобы использовать 1 элемент, мы грузим целую библиотеку не нужного нам. Увы так это работает на бесплатных вариантах... А заюзав один элемент в формате svg, мы облегчим работу провайдерам, и клиент останется доволен при посещении твоего ресурса. Ты главное пойми, что задержка в 0.03 секунды это не беда я понимаю... но нагрузка растёт постоянно и потом уже не до реакций clown. К сожалению я тоже юзал и иногда юзаю шрифты ибо клиент этого просит, но когда этот клиент получает массу юзверей которые активно работают с его ресурсом, начинаются проблемы и инспектирование сайта показывает что именно фонт-авесом даёт нагрузку, и не спорь если не работал с крупными ресурсами.)