Префиксы тем с иконками

[Skaiman]

Можно как-то сделать, чтобы это были баннеры?

В принципе можно, немного знаний css, less и вперед

 

[unkxnownuser]

В принципе можно, немного знаний css, less и вперед

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

 

[Timofey228]

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

Вы не забыли указать класс в настройках префикса?

 

[unkxnownuser]

Вы не забыли указать класс в настройках префикса?

 

[Timofey228]

Посмотреть вложение 130660

На дефолтном стиле иконки отображаются?

 

[Skaiman]

сам префикс указал? иконку в нем правильно указал?

 

[unkxnownuser]

На дефолтном стиле иконки отображаются?

сам префикс указал? иконку в нем правильно указал?

префикс указал, иконку взял с сайта (юникод), вот как выглядит код из extra.less - .svgLabelPrefix(free, #8cc83c, f209);

UPD: установил другую иконку - всё заработало. Всем спасибо

 

[Skaiman]

иконку взял с сайта

с этого?

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

 

[unkxnownuser]

с этого?

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

да, конечно

 

[Red_Normov]

как сделать подскажите , пожалуйста

 

[Skaiman]

как сделать подскажите , пожалуйста

ну так прочти мануал

 

[Red_Normov]

ну так прочти мануал

cgfcb,j)

 

[Dmitriy Kholodny]

Cделал все так же как указано в сообщении. Вставляю в extra.less и в префикс (Стиль отображения) После в принципе пропадает префикс, что делать?

 

[Red_Normov]

Cделал все так же как указано в сообщении. Вставляю в extra.less и в префикс (Стиль отображения) После в принципе пропадает префикс, что делать?

Посмотреть вложение 135148Посмотреть вложение 135149Посмотреть вложение 135150

режим разработчика нужен, и это делается модификацией
/admin.php?template-modifications
Префиксы без фона с иконками если про это . Ошибся извиняюсь

 

[Red_Normov]

режим разработчика нужен, и это делается модификацией
/admin.php?template-modifications

извиняюсь

 

[Dmitriy Kholodny]

режим разработчика нужен, и это делается модификацией
/admin.php?template-modifications
Префиксы без фона с иконками если про это . Ошибся извиняюсь

Нет, меня интересует Префиксы тем с иконками

 

[Red_Normov]

Нет, меня интересует Префиксы тем с иконками

@svgPrefixBorderRadius: @xf-borderRadiusSmall; // Радиус префиксов
@svgPrefixFontFamily: inherit;                 // Семейство шрифта префикса
@svgPrefixColorGradient: rgba(0,0,0,.4);       // Цвет градиента прификса
@svgPrefixTextShadow: rgba(0,0,0,.5);          // Цвет тени префикса

.svgLabelPrefix(@prefix-name, @prefix-color, @prefix-icon: "none") {
    .svgPrefix, .label.svgPrefix {
        font-family: @svgPrefixFontFamily;
        font-size: 70%;
        font-weight: 500;
        display: inline-flex;
        text-align: center;
        align-items: center;
        text-transform: uppercase;
        line-height: ((@xf-lineHeightDefault) * .9);
        padding: .25em .5em;
        border: none;
        border-radius: @svgPrefixBorderRadius;
        position: relative;
        white-space: nowrap;
        .fsp & {
            margin-right: 5px;
        }
        .menuPrefix& {
            display: inline-block;
            font-size: 1.3em;
            width: 100%;
            padding: .333em;
            a& {
                text-decoration: none;
            }
        }
        .p-title-value & {
            .p-title & {
                font-size: 70%;
            }
        }
        &:before {
            position: absolute;
            top: .25em;
            bottom: 0;
            left: .333em;
        }      
        &.@{prefix-name} {
            background: linear-gradient(135deg, @svgPrefixColorGradient 0%, @svgPrefixColorGradient 40%, transparent 40%, transparent 100%), @prefix-color;
            color: rgb(250,250,250);
            text-shadow: 1px 0 1px @svgPrefixTextShadow, 0 1px 1px @svgPrefixTextShadow, -1px 0 1px @svgPrefixTextShadow, 0 -1px 1px @svgPrefixTextShadow;
            &when (iskeyword(@prefix-icon)) {
                padding: .25em .5em .25em 1.75em;
                &:before {
                    .m-faBase();
                    content: "\@{prefix-icon}";
                }
            }
        }      
    }  
}
.svgLabelPrefix(important, rgb(198,40,40), f06a);

вставляем svgPrefix important и работает все)

 

[Dmitriy Kholodny]

Red_Normov, Есть возможность изменять иконки в самих префиксах?

 

[recruty]

Добавил в extra.less.
Добавил префикс как в примере, но ничего не происходит


Мое предположение, что руки у меня из жопы.
Поэтому прошу помочь

На дефолтном стиле работает.

 

[Red_Normov]

Red_Normov, Есть возможность изменять иконки в самих префиксах?

где f06a любые иконки Font Awesome (юникоды)