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

Skaiman · 7 Июн 2020

Shiminkan, ты не одинок, если тебе от этого хоть немного будет легче

Shiminkan · 7 Июн 2020

Понимаю, что зае***, но я тупой, как я понял да и знал.
я вроде сделал все верно, добавил в less

Прописал в преффикс

Но ничего не изменилось

Skaiman · 7 Июн 2020

А остальной код где?

Shiminkan · 7 Июн 2020

Skaiman написал(а):
А остальной код где?

West14 · 7 Июн 2020

Shiminkan, я, конечно, всё понимаю. Но почему код, который по мануалу нужно вставлять в модификацию, вы вставили прямо в шаблон?

Shiminkan · 7 Июн 2020

West14 написал(а):
Shiminkan, я, конечно, всё понимаю. Но почему код, который по мануалу нужно вставлять в модификацию, вы вставили прямо в шаблон?

И вот тут я задумался

West14 написал(а):
Shiminkan, я, конечно, всё понимаю. Но почему код, который по мануалу нужно вставлять в модификацию, вы вставили прямо в шаблон?

захожу в модификацию шаблонов, а там нету extra.less

Skaiman · 7 Июн 2020

Все работает. Как может быть в модификациях шаблон, надо создать модификацию шаблона
/admin.php?template-modifications/add

Shiminkan · 7 Июн 2020

Так, я захожу во внешний вид, а дальше выбираю модификации шаблонов, но выбрав ее, в списке я не наблюдаю extra.less.
Понимаю, что выбрал неправильно, но тогда где?

Skaiman · 7 Июн 2020

Shiminkan, выше написал

sery2013 · 15 Июл 2020

С 2.0 не покатит?

Skaiman · 15 Июл 2020

sery2013 написал(а):
С 2.0 не покатит?

иконки не покатят

sery2013 · 15 Июл 2020

Skaiman написал(а):
иконки не покатят

Херовато) Единственные понравившиеся префиксы нашел)

Skaiman · 15 Июл 2020

так то давно надо обновиться до последней версии движка

ramdev · 26 Авг 2020

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

XF\CssRenderException: Error rendering template public:extra.less: ParseError: missing opening `{` in public:extra.less on line 3579, column 1 (on or near line 3579)
src/XF/CssRenderException.php:87

Трассировка стека

3576 | .m-faBefore(@fa-var-wallet);
3577 | .labelTextShadow();
3578 | }
*3579*| }
3580 |
3581 | .bg-linear-gradient (@color-one, @color-two: transparent) {
3582 | background-image: linear-gradient(135deg, @color-one 25%, @color-two 0, @color-two 50%, @color-one 0, @color-one 75%, @color-two 0);
------------

#0 src/XF/CssRenderer.php(408): XF\CssRenderException::createFromLessException(Object(Less_Exception_Chunk), 'public:extra.le...', '// Note that th...')
#1 src/XF/CssRenderer.php(342): XF\CssRenderer->renderToCss('public:extra.le...', '// Note that th...')
#2 src/XF/CssRenderer.php(250): XF\CssRenderer->renderTemplate('public:extra.le...', NULL)
#3 src/XF/CssRenderer.php(116): XF\CssRenderer->renderTemplates(Array, Array, Array)
#4 src/XF/CssWriter.php(53): XF\CssRenderer->render(Array)
#5 css.php(30): XF\CssWriter->run(Array, 0, 2, '5e92531c549ac7b...')
#6 {main}

-------------

Previous Less_Exception_Chunk: ParseError: missing opening `{` in anonymous-file-524.less on line 3579, column 1
3577| .labelTextShadow();
3578| }
3579| }
3580|
3581| .bg-linear-gradient (@color-one, @color-two: transparent) {
3582| background-image: linear-gradient(135deg, @color-one 25%, @color-two 0, @color-two 50%, @color-one 0, @color-one 75%, @color-two 0); - src/vendor/oyejorge/less.php/lib/Less/Parser.php:677
#0 src/vendor/oyejorge/less.php/lib/Less/Parser.php(621): Less_Parser->GetRules(NULL)
#1 src/vendor/oyejorge/less.php/lib/Less/Parser.php(449): Less_Parser->_parse()
#2 src/XF/CssRenderer.php(404): Less_Parser->parse('// Note that th...')
#3 src/XF/CssRenderer.php(342): XF\CssRenderer->renderToCss('public:extra.le...', '// Note that th...')
#4 src/XF/CssRenderer.php(250): XF\CssRenderer->renderTemplate('public:extra.le...', NULL)
#5 src/XF/CssRenderer.php(116): XF\CssRenderer->renderTemplates(Array, Array, Array)
#6 src/XF/CssWriter.php(53): XF\CssRenderer->render(Array)
#7 css.php(30): XF\CssWriter->run(Array, 0, 2, '5e92531c549ac7b...')
#8 {main}

Содержимое запроса

array(4) {
["url"] => string(167) "/css.php?css=admin%3Aaddon_list.less%2Cadmin%3Astats.less%2Cpublic%3Achartist.css%2Cpublic%3Aextra.less&s=0&l=2&d=1598440859&k=5e92531c549ac7b114c8ebe4aa7d359cc88d51fe"
["referrer"] => string(29) "Вход в панель управления |"
["_GET"] => array(5) {
["css"] => string(76) "admin:addon_list.less,admin:stats.less,public:chartist.css,public:extra.less"
["s"] => string(1) "0"
["l"] => string(1) "2"
["d"] => string(10) "1598440859"
["k"] => string(40) "5e92531c549ac7b114c8ebe4aa7d359cc88d51fe"
}
["_POST"] => array(0) {
}
}

Skaiman · 26 Авг 2020

ramdev, покажи свой код, там ошибки

ramdev · 26 Авг 2020

Skaiman написал(а):
ramdev, покажи свой код, там ошибки

Код:

$0
.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-wallet);
        .labelTextShadow();
    }
}

   &.label--orange {
        .m-labelVariation(rgb(230,126,34), transparent, transparent);
        .m-faBefore(@fa-var-wallet);
        .labelTextShadow();
    }
}


   &.label--trash {
        .m-labelVariation(rgb(230,126,34), transparent, transparent);
        .m-faBefore(@fa-var-trash);
        .labelTextShadow();
    }
}

Skaiman · 26 Авг 2020

Ну а твой то где?

ramdev · 26 Авг 2020

Skaiman написал(а):
Ну а твой то где?

Пробовал как раз... Обновил в посте ну и после добавление своего в классе префикса указываю label label--trash

Skaiman · 26 Авг 2020

вылез за скобку

Less:

$0
.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-wallet);
        .labelTextShadow();
    }
   &.label--trash {
        .m-labelVariation(rgb(230,126,34), transparent, transparent);
        .m-faBefore(@fa-var-trash);
        .labelTextShadow();
    }   
}

Narberal Gamma · 19 Янв 2021

Код:

&.label--battlenet {
        .m-labelVariation(rgb(153,224,29), transparent, transparent);
        .m-faBase('Brands')(@fab-fa-battle-net);
        .labelTextShadow(0 0 10px, rgb(153,224,29))
    }

Хочу вывести также и здесь иконку battle.net. как правильно здесь пишется код?

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

Skaiman

Shiminkan

Skaiman

Shiminkan

West14

meow

Вложения

Shiminkan

Skaiman

Shiminkan

Skaiman

sery2013

Skaiman

sery2013

Skaiman

ramdev

Трассировка стека

Содержимое запроса

Skaiman

ramdev

Skaiman

ramdev

Skaiman

Narberal Gamma

Похожие темы

Мы ценим вашу конфиденциальность

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

meow

Вложения

Трассировка стека​

Содержимое запроса​

Похожие темы

Мы ценим вашу конфиденциальность

Трассировка стека

Содержимое запроса