Снег на категориях 2.2.2

Mirovinger · 15 Дек 2020

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

Снег на категориях - Добавляем снег на категории

В продолжении данного ресурса (да и вроде как оптимизации кодовой базы) - Снег на категориях 2 и не только.
Набросал небольшую функцию (миксин), которая позволит простым указанием нужной цифры, установить снежные сугробы на категориях, на данный момент их четыре.
Нумерацию и скрин не делал, благо при желании сами выберите нужный использовав...

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

DreamTails · 24 Дек 2020

При вставке кода ничего не происходит, а предыдущие изменения в extra.less ломаются

Код:

XF\CssRenderException: Error rendering template public:extra.less: variable @fox-sidebarGarlandsPath is undefined in file public:extra.less in public:extra.less in public:extra.less (on or near line 1) src/XF/CssRenderException.php:87

Код:

*1*| // Note that this file should never output any CSS directly. It should contain variables and mixins only.
2 | // Output should go into core.less.
3 |
4 | // ################################ VARIABLES ###############################
------------

#0 src/XF/CssRenderer.php(416): XF\CssRenderException::createFromLessException(Object(Less_Exception_Compiler), 'public:extra.le...', '// Note that th...')
#1 src/XF/CssRenderer.php(350): XF\CssRenderer->renderToCss('public:extra.le...', '// Note that th...')
#2 src/XF/CssRenderer.php(258): 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, 4, 2, '011ae5dcc4340fd...')
#6 {main}

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

Previous Less_Exception_Compiler: variable @fox-sidebarGarlandsPath is undefined in file anonymous-file-5185.less in anonymous-file-5185.less in anonymous-file-5185.less - src/vendor/oyejorge/less.php/lib/Less/Tree/Mixin/Call.php:130
#0 src/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(147): Less_Tree_Mixin_Call->compile(Object(Less_Environment))
#1 src/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(88): Less_Tree_Ruleset->EvalMixinCalls(Object(Less_Tree_Ruleset), Object(Less_Environment), 2761)
#2 src/vendor/oyejorge/less.php/lib/Less/Parser.php(199): Less_Tree_Ruleset->compile(Object(Less_Environment))
#3 src/XF/CssRenderer.php(412): Less_Parser->getCss()
#4 src/XF/CssRenderer.php(350): XF\CssRenderer->renderToCss('public:extra.le...', '// Note that th...')
#5 src/XF/CssRenderer.php(258): XF\CssRenderer->renderTemplate('public:extra.le...', NULL)
#6 src/XF/CssRenderer.php(116): XF\CssRenderer->renderTemplates(Array, Array, Array)
#7 src/XF/CssWriter.php(53): XF\CssRenderer->render(Array)
#8 css.php(30): XF\CssWriter->run(Array, 4, 2, '011ae5dcc4340fd...')
#9 {main}

Код:

array(4) {
  ["url"] => string(343) "/css.php?css=public%3A_statistic_tab_group_threads.less%2Cpublic%3Aeditor.less%2Cpublic%3Anode_list.less%2Cpublic%3Anotices.less%2Cpublic%3Areal_time_chat.less%2Cpublic%3Ashare_controls.less%2Cpublic%3Astatistic_pro.less%2Cpublic%3Asvg_countdownnewyear.less%2Cpublic%3Aextra.less&s=4&l=2&d=1608805703&k=011ae5dcc4340fd82bf65c79c5e68f57c878db1a"
  ["referrer"] => string(24) "https://ru-cyberpunk.me/"
  ["_GET"] => array(5) {
    ["css"] => string(232) "public:_statistic_tab_group_threads.less,public:editor.less,public:node_list.less,public:notices.less,public:real_time_chat.less,public:share_controls.less,public:statistic_pro.less,public:svg_countdownnewyear.less,public:extra.less"
    ["s"] => string(1) "4"
    ["l"] => string(1) "2"
    ["d"] => string(10) "1608805703"
    ["k"] => string(40) "011ae5dcc4340fd82bf65c79c5e68f57c878db1a"
  }
  ["_POST"] => array(0) {
  }
}

OFFTOP

я не заказывал гирлянды, я заказывал снег на категориях, с оптимизацией кода

DimmmCom · 24 Дек 2020

LenaTDDS, да там небольшая опечатка в коде, замени в медиа запросе переменную на ту, что объявлена в начале кода.

Mirovinger · 24 Дек 2020

LenaTDDS написал(а):

При вставке кода ничего не происходит, а предыдущие изменения в extra.less ломаются

Код:

XF\CssRenderException: Error rendering template public:extra.less: variable @fox-sidebarGarlandsPath is undefined in file public:extra.less in public:extra.less in public:extra.less (on or near line 1) src/XF/CssRenderException.php:87

Код:

*1*| // Note that this file should never output any CSS directly. It should contain variables and mixins only.
2 | // Output should go into core.less.
3 |
4 | // ################################ VARIABLES ###############################
------------

#0 src/XF/CssRenderer.php(416): XF\CssRenderException::createFromLessException(Object(Less_Exception_Compiler), 'public:extra.le...', '// Note that th...')
#1 src/XF/CssRenderer.php(350): XF\CssRenderer->renderToCss('public:extra.le...', '// Note that th...')
#2 src/XF/CssRenderer.php(258): 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, 4, 2, '011ae5dcc4340fd...')
#6 {main}

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

Previous Less_Exception_Compiler: variable @fox-sidebarGarlandsPath is undefined in file anonymous-file-5185.less in anonymous-file-5185.less in anonymous-file-5185.less - src/vendor/oyejorge/less.php/lib/Less/Tree/Mixin/Call.php:130
#0 src/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(147): Less_Tree_Mixin_Call->compile(Object(Less_Environment))
#1 src/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(88): Less_Tree_Ruleset->EvalMixinCalls(Object(Less_Tree_Ruleset), Object(Less_Environment), 2761)
#2 src/vendor/oyejorge/less.php/lib/Less/Parser.php(199): Less_Tree_Ruleset->compile(Object(Less_Environment))
#3 src/XF/CssRenderer.php(412): Less_Parser->getCss()
#4 src/XF/CssRenderer.php(350): XF\CssRenderer->renderToCss('public:extra.le...', '// Note that th...')
#5 src/XF/CssRenderer.php(258): XF\CssRenderer->renderTemplate('public:extra.le...', NULL)
#6 src/XF/CssRenderer.php(116): XF\CssRenderer->renderTemplates(Array, Array, Array)
#7 src/XF/CssWriter.php(53): XF\CssRenderer->render(Array)
#8 css.php(30): XF\CssWriter->run(Array, 4, 2, '011ae5dcc4340fd...')
#9 {main}

Код:

array(4) {
  ["url"] => string(343) "/css.php?css=public%3A_statistic_tab_group_threads.less%2Cpublic%3Aeditor.less%2Cpublic%3Anode_list.less%2Cpublic%3Anotices.less%2Cpublic%3Areal_time_chat.less%2Cpublic%3Ashare_controls.less%2Cpublic%3Astatistic_pro.less%2Cpublic%3Asvg_countdownnewyear.less%2Cpublic%3Aextra.less&s=4&l=2&d=1608805703&k=011ae5dcc4340fd82bf65c79c5e68f57c878db1a"
  ["referrer"] => string(24) "https://ru-cyberpunk.me/"
  ["_GET"] => array(5) {
    ["css"] => string(232) "public:_statistic_tab_group_threads.less,public:editor.less,public:node_list.less,public:notices.less,public:real_time_chat.less,public:share_controls.less,public:statistic_pro.less,public:svg_countdownnewyear.less,public:extra.less"
    ["s"] => string(1) "4"
    ["l"] => string(1) "2"
    ["d"] => string(10) "1608805703"
    ["k"] => string(40) "011ae5dcc4340fd82bf65c79c5e68f57c878db1a"
  }
  ["_POST"] => array(0) {
  }
}

OFFTOP

я не заказывал гирлянды, я заказывал снег на категориях, с оптимизацией кода

Всё нормально, переменная не та закралась в код, поправлено.

capitan sbu · 26 Ноя 2021

Как бороться со стеснительным снегом, который прячется за категорию?

Mirovinger · 26 Ноя 2021

z-index должен помочь, подробнее только со ссылкой на форум.

capitan sbu · 26 Ноя 2021

OFFTOP

Форум установлен локально. Спасибо за помощь.

Mirovinger · 26 Ноя 2021

Это если бы не помогло, а так хорошо.

Mirovinger · 6 Дек 2021

Mirovinger обновил(а) ресурс Снег на категориях новой записью:

2.2.2

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

Слегка обновлены изображения (которым сто лет в обед, но нуждались в небольшом исправлении)Посмотреть вложение 134082

Узнать больше об этом обновлении...

IvanColins · 20 Дек 2022

Подскажите как поместинь на передний план

IlyaPep · 20 Дек 2022

IvanColins написал(а):
Подскажите как поместинь на передний план Посмотреть вложение 144120

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

IvanColins · 20 Дек 2022

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

Хорошо учту

Nikita_Chester · 6 Дек 2023

не работает. Код вставил, а реакции 0

MrBurn · 6 Дек 2023

Nikita_Chester написал(а):
не работает. Код вставил, а реакции 0

Жаль, жаль что 0 внимательности... Вернись в ресурс и пойми свою ошибку...

~~p.s~~ ~~маленькая подсказка~~

Nikita_Chester · 6 Дек 2023

MrBurn написал(а):
Жаль, жаль что 0 внимательности... Вернись в ресурс и пойми свою ошибку...

~~p.s~~ ~~маленькая подсказка~~

а, ХКХАХА, сорян за тупость

IvanColins · 5 Янв 2024

Подскажите что делаю нее так?
Снег стесняется.

Код:

.fox-snowCategory(@snowNum: false) {

    @fox-snowCategoryPath: "/styles/xfi/snowCategory";

    .p-body-pageContent {
        .block--category {
            &:before {
                & when not (@snowNum = false) and (@snowNum <= 2) {
                    background:
                        url('@{fox-snowCategoryPath}/snow_l_@{snowNum}.png') no-repeat 0% 0%,
                        url('@{fox-snowCategoryPath}/snow_c_@{snowNum}.png') no-repeat 50% 0%,
                        url('@{fox-snowCategoryPath}/snow_r_@{snowNum}.png') no-repeat 100% 0%;
                    left: -5px;
                    padding: 0 5px;
                    top: 60px;
                    z-index: 5;
                }
       
                & when not (@snowNum = false) and (@snowNum >= 3) and (@snowNum <= 4) {
                    background:
                        url('@{fox-snowCategoryPath}/snow_l_@{snowNum}.png') no-repeat 0% 0%,
                        url('@{fox-snowCategoryPath}/snow_c_@{snowNum}.png') no-repeat 50% 0%,
                        url('@{fox-snowCategoryPath}/snow_r_@{snowNum}.png') no-repeat 100% 0%;
                    left: -5px;
                    padding: 0 5px;
                    top: 50px;
                    z-index: 5;
                }
       
                content: "";
                display: block;
                position: relative;
                height: 30px;
                width: 100%;
                margin-top: -20px;
                z-index: 5;

                @media (max-width: @xf-responsiveMedium) {
                    background: url('@{fox-snowCategoryPath}/snow_c_@{snowNum}.png') no-repeat 50% 0%;
                }
            }
        }
    }
}

.fox-snowCategory(2);

Pahan3141 · 5 Янв 2024

IvanColins написал(а):

Подскажите что делаю нее так?
Снег стесняется.

Код:

.fox-snowCategory(@snowNum: false) {

    @fox-snowCategoryPath: "/styles/xfi/snowCategory";

    .p-body-pageContent {
        .block--category {
            &:before {
                & when not (@snowNum = false) and (@snowNum <= 2) {
                    background:
                        url('@{fox-snowCategoryPath}/snow_l_@{snowNum}.png') no-repeat 0% 0%,
                        url('@{fox-snowCategoryPath}/snow_c_@{snowNum}.png') no-repeat 50% 0%,
                        url('@{fox-snowCategoryPath}/snow_r_@{snowNum}.png') no-repeat 100% 0%;
                    left: -5px;
                    padding: 0 5px;
                    top: 60px;
                    z-index: 5;
                }
  
                & when not (@snowNum = false) and (@snowNum >= 3) and (@snowNum <= 4) {
                    background:
                        url('@{fox-snowCategoryPath}/snow_l_@{snowNum}.png') no-repeat 0% 0%,
                        url('@{fox-snowCategoryPath}/snow_c_@{snowNum}.png') no-repeat 50% 0%,
                        url('@{fox-snowCategoryPath}/snow_r_@{snowNum}.png') no-repeat 100% 0%;
                    left: -5px;
                    padding: 0 5px;
                    top: 50px;
                    z-index: 5;
                }
  
                content: "";
                display: block;
                position: relative;
                height: 30px;
                width: 100%;
                margin-top: -20px;
                z-index: 5;

                @media (max-width: @xf-responsiveMedium) {
                    background: url('@{fox-snowCategoryPath}/snow_c_@{snowNum}.png') no-repeat 50% 0%;
                }
            }
        }
    }
}

.fox-snowCategory(2);

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

Код:

.block--category .block-header {
    position: relative;
}

в extra.less и все заработает.

Либо так

Исправленный код

Код:

.fox-snowCategory(@snowNum: false) {

    @fox-snowCategoryPath: "/styles/xfi/snowCategory";

    .p-body-pageContent {
        .block--category {
            &:before {
                & when not (@snowNum = false) and (@snowNum <= 2) {
                    background:
                        url('@{fox-snowCategoryPath}/snow_l_@{snowNum}.png') no-repeat 0% 0%,
                        url('@{fox-snowCategoryPath}/snow_c_@{snowNum}.png') no-repeat 50% 0%,
                        url('@{fox-snowCategoryPath}/snow_r_@{snowNum}.png') no-repeat 100% 0%;
                    left: -5px;
                    padding: 0 5px;
                    top: 60px;
                    z-index: 190;
                }
   
                & when not (@snowNum = false) and (@snowNum >= 3) and (@snowNum <= 4) {
                    background:
                        url('@{fox-snowCategoryPath}/snow_l_@{snowNum}.png') no-repeat 0% 0%,
                        url('@{fox-snowCategoryPath}/snow_c_@{snowNum}.png') no-repeat 50% 0%,
                        url('@{fox-snowCategoryPath}/snow_r_@{snowNum}.png') no-repeat 100% 0%;
                    left: -5px;
                    padding: 0 5px;
                    top: 50px;
                    z-index: 190;
                }
   
                content: "";
                display: block;
                position: relative;
                height: 30px;
                width: 100%;
                margin-top: -20px;
                z-index: 190;

                @media (max-width: @xf-responsiveMedium) {
                    background: url('@{fox-snowCategoryPath}/snow_c_@{snowNum}.png') no-repeat 50% 0%;
                }
            }
        }
    }
}

.fox-snowCategory(2);

Снег на категориях 2.2.2

Mirovinger

DreamTails

DimmmCom

Mirovinger

capitan sbu

Mirovinger

capitan sbu

Mirovinger

Mirovinger

IvanColins

IlyaPep

IvanColins

Nikita_Chester

MrBurn

Nikita_Chester

IvanColins

Pahan3141

Похожие темы

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