Content Oriented Web
Make great presentations, longreads, and landing pages, as well as photo stories, blogs, lookbooks, and all other kinds of content oriented projects.
НАПИШИТЕ НАМ
Спасибо за обратную связь!
Данный скрипт добавляет функционал конкретному Zero block, который нужно зафиксировать при скролле (прокручивании) сверху или снизу.
В Тильде часто используют эту модификацию для фиксации меню или кнопок на Zero block.
В Тильде часто используют эту модификацию для фиксации меню или кнопок на Zero block.
КАК ЗАКРЕПИТЬ МЕНЮ,СДЕЛАННОЕ В ZERO-БЛОКЕ?
- Укажи в настройках id блока, который нужно зафиксировать.
- Скопируй этот код и вставь на свой сайт. Памятка по вставке кода.
Как зафиксировать Zero block сверху
<style> /* Укажи id блока, который нужно зафиксировать */ #rec200434331 {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9998;
}
</style>
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9998;
}
</style>
КОД ДЛЯ ВСТАВКИ:
Для того, чтобы узнать id блока перейдите в настройки ZERO блока и скопируйте там данную строчку
- Укажи в настройках id блока, который нужно зафиксировать. Данный код можно применить для фиксации любого блока снизу.
- Скопируй этот код и вставь на свой сайт. Памятка по вставке кода.
Как зафиксировать Zero block сНИЗУ
КОД ДЛЯ ВСТАВКИ:
<style> /* Укажи id блока, который нужно зафиксировать */
#rec200434322
{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 9998;
}
</style>
#rec200434322
{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 9998;
}
</style>
В блок T123 можно добавить HTML, CSS и Javascript.
Открой «Библиотеку блоков» → «Другое» и добавь блок «T123. HTML-код». В режиме редактирования («Контент») сможешь добавить код.
Код будет работать на опубликованной странице.
Код в блоке T123 применяется на страницах, где размещен блок с кодом. Сам код вставляется в body страницы. Если код нужно вставить в head конкретной страницы, то размести его в настройках страницы. Если код нужно применить на всех страницах сайта, то размести его в настройках сайта в head или body.
Блок T123 с CSS (тег <style>) размещай перед блоком, к которому он применяется. Тогда во время загрузки контента пользователь не увидит, как применяется код, т. е. сразу увидит блок в задуманном дизайне.
Блок T123 с Javascript (тег <script>) размещай внизу страницы или после блока, к которому он применяется. Это нужно для оптимизации загрузки страницы. Пока скрипты грузятся, то пользователь видит пустой экран или недогруженный контент. Чтобы этого избежать, размещай скрипты после блока, а лучше внизу страницы.
Открой «Библиотеку блоков» → «Другое» и добавь блок «T123. HTML-код». В режиме редактирования («Контент») сможешь добавить код.
Код будет работать на опубликованной странице.
Код в блоке T123 применяется на страницах, где размещен блок с кодом. Сам код вставляется в body страницы. Если код нужно вставить в head конкретной страницы, то размести его в настройках страницы. Если код нужно применить на всех страницах сайта, то размести его в настройках сайта в head или body.
Блок T123 с CSS (тег <style>) размещай перед блоком, к которому он применяется. Тогда во время загрузки контента пользователь не увидит, как применяется код, т. е. сразу увидит блок в задуманном дизайне.
Блок T123 с Javascript (тег <script>) размещай внизу страницы или после блока, к которому он применяется. Это нужно для оптимизации загрузки страницы. Пока скрипты грузятся, то пользователь видит пустой экран или недогруженный контент. Чтобы этого избежать, размещай скрипты после блока, а лучше внизу страницы.
Вставка кода на странице в блок T123
