Решено Ошибка с background в extra.less

[fofons]

Добавляю бекграунд к баннеру пользователя через extra - cам бек: background: linear-gradient(145.84deg, rgba(0, 163, 255, 0) 17.49%, #920a0a 18.92%, #9b3aa9 81.27%, rgb(0 250 252 / 0%) 82.94%), linear-gradient(214.84deg, rgba(0, 163, 255, 0) 17.49%, #920a0a 18.92%, #9b3aa9 83.27%, rgb(0 250 252 / 0%) 84.94%);

Но при добавлении, весь форум как-то перекручивает, все элементы разлетаются т.е просто ломается весь extra.. (понятное дело, что что-то конфликтует, но не могли бы вы подсказать что поправить в данном бекграунде для нормальной работы его..?)

 

[DreamTails]

fofons, покажи экстру, как и куда добавил

 

[fofons]

fofons, покажи экстру, как и куда добавил

.gradientBanner.fofons {
    display: block;
    text-align: center;
    font-weight: 600;
    font-size: 13px;
    font-weight: bold;
 background: linear-gradient(145.84deg, rgba(0, 163, 255, 0) 17.49%, #920a0a 18.92%, #9b3aa9 81.27%, rgb(0 250 252 / 0%) 82.94%), linear-gradient(214.84deg, rgba(0, 163, 255, 0) 17.49%, #920a0a 18.92%, #9b3aa9 83.27%, rgb(0 250 252 / 0%) 84.94%);

}

 

[DreamTails]

Откуда бэкграунд взят, если не секрет?

 

[fofons]

Откуда бэкграунд взят, если не секрет?

С забугор форума. Давненько ещё сохранял, решил попробовать его. Но, он ломает экстру.. что делать то с ним?

 

[DreamTails]

fofons,

OFFTOP

я конечно не тру верстальщик CSS, но

мне кажется, что с самим бэкграундом что-то не так. Попробуйте сменить его на другой, например на

background: #fff;

и посмотреть на результат.

 

[fofons]

fofons,

OFFTOP

я конечно не тру верстальщик CSS, но

мне кажется, что с самим бэкграундом что-то не так. Попробуйте сменить его на другой, например на

background: #fff;

и посмотреть на результат.

Не думаю что там какая-то серьезная проблема. У человека на форуме же он работал и всё было хорошо. Там тоже движок xenforo, а ставить его на: background: #fff; - какой смысл. Если я знаю что будет работать этот.. Но мне нужно поправить тот.. понять в чем проблема. Почему экстра у меня ломается..

 

[Mirovinger]

Когда двиг не может переварить что-то, он в логи сервера бросает ошибку, посмотрите на ошибку и увидите где проблема.

 

[fofons]

Когда двиг не может переварить что-то, он в логи сервера бросает ошибку, посмотрите на ошибку и увидите где проблема.

ErrorException: Error rendering template public:extra.less: [E_WARNING] Division by zero src/vendor/oyejorge/less.php/lib/Less/Functions.php:28

Трассировка стека
#0 src/vendor/oyejorge/less.php/lib/Less/Functions.php(28): XF::handlePhpError(2, '[E_WARNING] Div...', '/var/www/local...', 28, Array)
#1 src/vendor/oyejorge/less.php/lib/Less/Tree/Dimension.php(87): Less_Functions::operate('/', G, G)
#2 src/vendor/oyejorge/less.php/lib/Less/Tree/Operation.php(48): Less_Tree_Dimension->operate('/', Object(Less_Tree_Dimension))
#3 src/vendor/oyejorge/less.php/lib/Less/Tree/Expression.php(42): Less_Tree_Operation->compile(Object(Less_Environment))
#4 src/vendor/oyejorge/less.php/lib/Less/Tree/Call.php(45): Less_Tree_Expression->compile(Object(Less_Environment))
#5 src/vendor/oyejorge/less.php/lib/Less/Tree/Expression.php(42): Less_Tree_Call->compile(Object(Less_Environment))
#6 src/vendor/oyejorge/less.php/lib/Less/Tree/Call.php(45): Less_Tree_Expression->compile(Object(Less_Environment))
#7 src/vendor/oyejorge/less.php/lib/Less/Tree/Expression.php(52): Less_Tree_Call->compile(Object(Less_Environment))
#8 src/vendor/oyejorge/less.php/lib/Less/Tree/Value.php(27): Less_Tree_Expression->compile(Object(Less_Environment))
#9 src/vendor/oyejorge/less.php/lib/Less/Tree/Rule.php(75): Less_Tree_Value->compile(Object(Less_Environment))
#10 src/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(94): Less_Tree_Rule->compile(Object(Less_Environment))
#11 src/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(94): Less_Tree_Ruleset->compile(Object(Less_Environment))
#12 src/vendor/oyejorge/less.php/lib/Less/Parser.php(199): Less_Tree_Ruleset->compile(Object(Less_Environment))
#13 src/XF/CssRenderer.php(404): Less_Parser->getCss()
#14 src/XF/CssRenderer.php(342): XF\CssRenderer->renderToCss('public:extra.le...', '// Note that th...')
#15 src/XF/CssRenderer.php(250): XF\CssRenderer->renderTemplate('public:extra.le...', NULL)
#16 src/XF/CssRenderer.php(116): XF\CssRenderer->renderTemplates(Array, Array, Array)
#17 src/XF/CssWriter.php(53): XF\CssRenderer->render(Array)
#18 css.php(30): XF\CssWriter->run(Array, 75, 2, 'a00c0b1fb4dc68f...')
#19 {main}

Содержимое запроса
array(4) {
  ["url"] => string(265) "/css.php?css=public%3ACMTV_Badges.less%2Cpublic%3Aalnb_navigation.less%2Cpublic%3Anotices.less%2Cpublic%3Anotification_opt_out.less%2Cpublic%3Athdonate_campaign_progress_bar.less%2Cpublic%3Aextra.less&s=75&l=2&d=1606517984&k=a00c0b1fb4dc68fb6a0ea6ba85507d1af7d3c3aa"
  ["referrer"] => string(38) "https://localhost/account/preferences"
  ["_GET"] => array(5) {
    ["css"] => string(165) "public:CMTV_Badges.less,public:alnb_navigation.less,public:notices.less,public:notification_opt_out.less,public:thdonate_campaign_progress_bar.less,public:extra.less"
    ["s"] => string(2) "75"
    ["l"] => string(1) "2"
    ["d"] => string(10) "1606517984"
    ["k"] => string(40) "a00c0b1fb4dc68fb6a0ea6ba85507d1af7d3c3aa"
  }
  ["_POST"] => array(0) {
  }
}

 

[Matew]

Здравствуй, деление на 0 процентов
Математика вертится в гробу ?

 

[fofons]

Здравствуй, деление на 0 процентов
Математика вертится в гробу ?
Посмотреть вложение 122827

Здравствуйте. Ну это не мой код.. но у человека то работает, даже при делении на ноль) Как мне поправить сие чудо? Чтобы он заработал нормально.. Не могли бы вы подсказать?

 

[Matew]

Ну, чисто теоретически, вы можете убрать деление на 0%, поставив вместо этого простой 0, или что вам нравится, ибо 252 / 0% = 0. И что-то мне подсказывает, что в методе rgb все три параметра должны идти через запятую. По итогу, что-то такое может быть рабочим

.class
{
    background: linear-gradient(145.84deg, rgba(0, 163, 255, 0) 17.49%, #920a0a 18.92%, #9b3aa9 81.27%, rgb(0, 250, 0) 82.94%), linear-gradient(214.84deg, rgba(0, 163, 255, 0) 17.49%, #920a0a 18.92%, #9b3aa9 83.27%, rgb(0, 250, 0) 84.94%);
}

А вообще, вы можете изучить данный ресурс и сами поиграться с цветами и нужным вам кодом при помощи F12

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

 

[fofons]

Ну, чисто теоретически, вы можете убрать деление на 0%, поставив вместо этого простой 0, или что вам нравится, ибо 252 / 0% = 0. И что-то мне подсказывает, что в методе rgb все три параметра должны идти через запятую. По итогу, что-то такое может быть рабочим

.class
{
    background: linear-gradient(145.84deg, rgba(0, 163, 255, 0) 17.49%, #920a0a 18.92%, #9b3aa9 81.27%, rgb(0, 250, 0) 82.94%), linear-gradient(214.84deg, rgba(0, 163, 255, 0) 17.49%, #920a0a 18.92%, #9b3aa9 83.27%, rgb(0, 250, 0) 84.94%);
}

А вообще, вы можете изучить данный ресурс и сами поиграться с цветами и нужным вам кодом при помощи F12

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

Вот теперь намного понятнее. Буду пробовать, играться и так далее. Спасибо большое за помощь. Можно закрывать.