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

[Skaiman]

Red_Normov, ты полный идиот или отчасти?

 

[Dmitriy Kholodny]

Посмотреть вложение 135153где f06a любые иконки Font Awesome (юникод)

Благодарю, все работает. Если я вставляю несколько кодов в такой последовательности они должны идти?

 

[Froala]

Dmitriy Kholodny, это не имеет значения

 

[Skaiman]

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

 

[vsemmoney]

Можете подсказать в чем может быть проблема?

Установил префиксы, в настройках изменил на fontawesome и все заработало, но теперь время от времени не загружает страницу форума и снизу пишет "Ожидание кеша..." просто висит до бесконечности, приходится закрывать вкладку и открывать её заново, тогда все сразу моментально заходит. Вместе с этим я еще делал иконки для Меню, больше никаких изменений не вносил. Иногда чтобы страница повисла надо открыть много страниц сайта, иногда с первого же раза, все это происходит в браузере хром, а в файрфокс не разу такого не было.

Стиль gift
Версия 2.2

Могли ли префиксы так повлиять? я чуть чуть редактировал код, чтобы внешний вид изменить

Кэш браузера чистил несколько раз, обновлял кэш cloudflare
Был еще установлен плагин [Xen-Soluce] SEO Optimization 2.5.0 но уже удалил

@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: 13px;
        font-weight: 600;
        display: inline-flex;
        text-align: center;
        align-items: center;
        text-transform: inherit;
        line-height: ((@xf-lineHeightDefault) * .9);
        padding: .25em .5em;
        border: none;
        border-radius: @svgPrefixBorderRadius;
        position: relative;
        white-space: nowrap;
        .fsp & {
        }
        .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: .17em;
            bottom: 0;
            left: .393em;
        }    
        &.@{prefix-name} {
            background: @prefix-color;
            color: rgb(250,250,250);
            text-shadow: none;
            &when (iskeyword(@prefix-icon)) {
                padding: .15em .5em .25em 1.99em;
                &:before {
                    .m-faBase();
                    content: "\@{prefix-icon}";
                }
            }
        }    
    }
}

.svgLabelPrefix(Bussines, #fe675e, f2b5);
.svgLabelPrefix(zarabotok, #8d77fd, f53a);
.svgLabelPrefix(sport, #27bb8b, f7c9);
.svgLabelPrefix(esoterics, #ff688b, f06e);
.svgLabelPrefix(seo, #4c98e7, f0a1);
.svgLabelPrefix(trade, #9756ff, f201);
.svgLabelPrefix(psih, #fdb733, e068);
.svgLabelPrefix(photo, #8d77fd, f87c);
.svgLabelPrefix(arbitr, #8d77fd, f080);
.svgLabelPrefix(travel, #8d77fd, f072);
.svgLabelPrefix(stroy, #8d77fd, f749);
.svgLabelPrefix(focus, #8d77fd, f6e8);
.svgLabelPrefix(bizkniga, #4c98e7, f518);
.svgLabelPrefix(knigizamorazvitie, #4c98e7, f518);
.svgLabelPrefix(znaniya, #4c98e7, f518);
.svgLabelPrefix(yazikiii, #4c98e7, f518);
.svgLabelPrefix(knigiezoterika, #4c98e7, f518);
.svgLabelPrefix(psihkniga, #4c98e7, f518);
.svgLabelPrefix(complit, #4c98e7, f518);
.svgLabelPrefix(audio, #4c98e7, f518);
.svgLabelPrefix(literatyraaa, #4c98e7, f518);
.svgLabelPrefix(detiiii, #4c98e7, f518);
.svgLabelPrefix(kylinarnieknigi, #4c98e7, f518);
.svgLabelPrefix(imidj, #fe675e, f553);
.svgLabelPrefix(inostrannie, #27bb8b, f57d);
.svgLabelPrefix(sdelaysam, #ff688b, e05d);
.svgLabelPrefix(azart, #8d77fd, f522);
.svgLabelPrefix(deti, #4c98e7, f0c0);
.svgLabelPrefix(razvitie, #9756ff, f5dc);
.svgLabelPrefix(proga, #9756ff, f085);
.svgLabelPrefix(skoro, #8d77fd, f1da);
.svgLabelPrefix(program, #fdb733, f505);
.svgLabelPrefix(pikap, #fe675e, f004);
.svgLabelPrefix(raznoe, #8d77fd, f0ac);
.svgLabelPrefix(soc, #27bb8b, f0e0);
.svgLabelPrefix(temishabloni, #8d77fd, f1fc);
.svgLabelPrefix(modyli, #8d77fd, f085);
.svgLabelPrefix(script, #8d77fd, f085);
.svgLabelPrefix(sayti, #ff688b, f109);
.svgLabelPrefix(design, #4c98e7, f53f);
.svgLabelPrefix(grafika, #fdb733, f53f);
.svgLabelPrefix(shablony, #9756ff, f1fc);
.svgLabelPrefix(plaginiaddoni, #fdb733, f085);

.svgLabelPrefix(vajno, #fe675e, f071);

 

[Vincod]

Подскажите пожалуйста как сделать цвет текста в префиксе уникальный (каждому префиксу свой цвет текста)

 

[Skaiman]

Подскажите пожалуйста как сделать цвет текста в префиксе уникальный (каждому префиксу свой цвет текста)

добавить переменную

 

[Vincod]

добавить переменную

Подскажите какую и куда, я создавал доп класс но он не применяется

добавить переменную

Можно пример пожалуйста

 

[Skaiman]

Можно пример пожалуйста

там надо переделать все, сейчас просто нет времени заняться и желания

 

[Skaiman]

Vincod, а так то ведь все просто :) например у тебя используется стиль для префикса:

.svgLabelPrefix(information, #476AC2, f05a);

ниже добавь:

.svgPrefix.information {color: #F4D03F}

и всего то :)
Так же можно изменить цвет иконки отдельно:

.svgPrefix.information {
    color: #F4D03F;
    &:before {
        color: #F08F90;
    }   
}

 

[Leonidov]

Так что сюда писать-то?
.svgLabelPrefix(important, rgb(198,40,40), f06a); или svgPrefix important

 

[artscripts]

Leonidov, Вы серьезно? Нет чтобы попробовать за 10 секунд проверить 2 варианта, вы задаете вопрос с ожиданием в пол часа?

 

[Tommi]

Leonidov, svgPrefix important

 

[Leonidov]

Leonidov, svgPrefix important

он чего-то обычный. может я сделал что-то не так?

 

[Mirovinger]

Моя рекомендация, чуть ман поизучать, всё до безобразия просто, если разобраться.

 

[Leonidov]

Моя рекомендация, чуть ман поизучать, всё до безобразия просто, если разобраться.

Тут же я верно его вставил, хз че не так

 

[Mirovinger]

Это же не всё, главное идёт ниже.

 

[Leonidov]

Это же не всё, главное идёт ниже.

сложно все((((

 

[Mirovinger]

Прекращайте флуд, начинайте читать ман вдумчиво, пока не пришёл Skaiman и не обиделся, что не поняли. =)

 

[Tommi]

Leonidov, вы забыли про это:

.svgLabelPrefix(important, rgb(198,40,40), f06a);