Эффект матового стекла в футере
Autor: Дмитрий П.
Visitado 1155,
Seguidores 2,
Compartilhado 0
Всем доброго времени суток! Подскажите, как можно в футере вместо фона сделать эффект матового стекла на всю ширину браузера?
В шапке кое-как получилось (на скрине код). В футере не получается. Непонятно куда этот код можно вписать. И выровнять его не получается, он постоянно выравнивается по низу браузера, а надо по низу страницы.
Publicado em
Hello Dmitry
Although WebSite X5 does indeed allow custom codes to be inserted, some custom codes might be particularly complex and require certain knowledge of codes to be implemented correctly
Unfortunately, the Staff cannot provide support for the integration of custom codes. It is entirely up to the user to proceed to implementing their code and making sure that it works within the software's infrastructure
For this reason, I'm afraid the support I can give you for this matter is very limited, I'm sorry
However, I remain available in case you have any other issues I can help you with
Thank you for your understanding
Stefano
GOOGLE TRANSLATE ---
Привет Дмитрий
Хотя WebSite X5 действительно позволяет вставлять пользовательские коды, некоторые пользовательские коды могут быть особенно сложными и требовать определенных знаний кодов для правильной реализации.
К сожалению, персонал не может обеспечить поддержку интеграции пользовательских кодов. Пользователь полностью должен приступить к реализации своего кода и убедиться, что он работает в инфраструктуре программного обеспечения.
По этой причине я боюсь, что поддержка, которую я могу вам оказать в этом вопросе, очень ограничена, извините
Тем не менее, я остаюсь доступным, если у вас есть какие-либо другие проблемы, с которыми я могу вам помочь.
Спасибо за понимание
Стефано
Autor
Благодарю за ответ
Реализовал модулем со скриптом, по аналогичному принципу. Получилось не на всю ширину, но закруглил края и теперь тоже смотрится красиво.
Оставлю здесь коды для таких же, как я, кто плохо разбирается в HTML, может кому-то пригодится:
1. Шапка на всю ширину браузера (Настройки/Статистика и код/Код/После открытия тега HEAD):
<div style="position:absolute;width:100%;height:299px;background:rgba(255,255,255,0.0);border:0px solid #ccc;backdrop-filter:blur(1.0rem);"></div> "
2. Объект HTML-код в подвале, (получится как на скрине):
HTML-код: <div class="blurft"></div>
Эксперт (CSS-код):
.blurft{
width: auto;
height: 180px;
border-radius: 5px;
background: rgba(0,0,0,0.0);
border: 2px solid #fff;
position: relative;
backdrop-filter: blur(2.5rem);
}