Tilda Scripts

1. Создаем блок BF503;
2. Отчищаем все данные во вкладке "Контент";
3. Ставим ширину 100%;
4. Создаем Zero Block, наполняем контентом и адаптируем, в качестве фона используйте элемент шейп с заливкой. Фон самого Zero block удалите, чтобы он был прозрачным.
5. Добавьте код на страницу;
6. Замените id Zero block;
7. Замените id BF503.

1. Пропиши текстовому элементу, к которому хочешь применить глитч эффект, название класса: glitch-text. Инструкция по добавлению своего класса элементу.
2. Укажи в настройках ниже два цвета глитч эффекта.
3. Скопируй сгенерированный код и вставь на свой сайт. Памятка по вставке кода.

Взято отсюда: https://romanyu.ru/glitch-effekt-text

1. Укажи тексту в zero block, которому нужно сделать обводку, класс text-stroke. Инструкция по добавлению своего класса элементу.
2. Укажи цвет текста в настройках zero block, он применится к обводке.
3. Укажи в настройках ниже толщину обводки.
4. Скопируй этот код и вставь на свой сайт. Памятка по вставке кода.

Взято отсюда: https://romanyu.ru/obvodka-teksta

1. Укажи в настройках id всех блоков через запятую, которым нужно добавить эффект.
2. Скопируй этот код и вставь на свой сайт. Памятка по вставке кода.

Взято отсюда: https://romanyu.ru/nalozhenie-bloka-pri-skrolle

1. Создай отдельно zero block с элементами, которые нужно скроллить. В настройках поставь overflow: auto.
2. Создай отдельно zero block со стрелками. Каждая стрелка — это шейп. Для шейпа со стрелкой налево укажи класс arrow-left, для шейпа со стрелкой направо укажи класс arrow-right. Инструкция по добавлению своего класса элементу.
3. Укажи настройках ниже id блока с элементами, id блока со стрелками и величину сдвига при клике на стрелку.
4. Скопируй сгенерированный код и вставь на свой сайт. Памятка по вставке кода.

Hiden - параметр зероблока

1. Создаем зероблок, убираем все лишнее, убираем фон
2. Добавляем код отдельным блоком, вставляе код из памятки
3. Вставляем библиотеку JS в "_"
4. Код HTML вставляем без каких-либо других тегов на следующей строке после библиотек
5. Вставляем CSS стили в <style> </style>
6. Вставляем лицензию - Находится в Change View - Details View - В самом низу страницы, копируем и вставляем в /* _*/
7. И ниже вставляем JS код
8. Далее выше в поле $("#имя").appendTo('#rec123456789 .t396__filter'); - меняем id блока на наш, меняем значение #имя на тот, что прописан в "div id" 

В основном меню укажите ссылку: #menuhover

По наведению на пункт с якорем #menuhover будет показываться меню второго уровня

Далее создаем T123, вставляем код из примера, заменяем id Zero block на свой, публикуем страницу, радуемся. стили и скрипт залил на хост, чтобы не удлинять страницы, кому нужен исходник - пишите, скину.

2

4

1. Скопируй этот код и вставь в head своего сайта. Для этого открой: «Настройки сайта» → «Еще» → «HTML-код для вставки внутрь head».
2. Обнови ссылку в telegram-боте @WebpageBot, чтобы увидеть изменения.

Создали ZeroBlock

Библиотека для примера со ссылкой

</style>

Взято отсюда: https://mo-ti.ru/button-icon-svg

+ еще код

Работает, если на сайте используется блок T173 «Якорная ссылка». Используй смещение, если на сайте есть фиксированное меню и при этом высота меню отличается на различных разрешениях. Тогда меню не будет перекрывать контент, когда пользователь перешел по якорной ссылке.

</style>

Взято отсюда: https://romanyu.ru/smeshchenie-yakornaya-ssylka

</style>

</style>

1. Создаем Zero block;
2. Добавляем элемент "Текст" или "Кнопка", который содержит в себе текст промо-кода, который мы собираемся копировать;
3. Присваиваем данному элементу css class example-1 (у меня - это кнопка);
4. Вставляем код на страницу в блок T123;
5. Меняем текст об успешном копировании на свой (отмечен комментарием в коде).

</style>

1. Создаем Zero block;
2. Добавляем элемент "Текст" или "Кнопка", который содержит в себе текст промо-кода, который мы собираемся копировать;
3. Присваиваем данному элементу css class example-2-txt;
4. Создаём кнопку копирования;
5. Присваиваем кнопке css class example-2-btn;
6. Добавляем элемент с уведомлением о успешном копировании (у меня это кнопка);
7. Добавляем пошаговую анимацию:
8. - выбираем кнопку с промо-кодом, задаем в первом шаге прозрачность: 100%, время анимации: 0. Во втором шаге - время: 0, прозрачность: 0%. Анимация по клику, в качестве триггера выбираем кнопку копирования (п.4.);
9. - выбираем кнопку или текст с сообщением об удачном копировании, в первом шаге анимации - время: 0, прозрачность: 0%, во втором шаге, время: 0, прозрачность: 100%. Анимация по клику, в качестве триггера так же выбираем кнопку копирования (п.4).
10. Вставляем код на страницу в блок T123.

</style>

</style>

</style>

Взято отсюда: https://mo-ti.ru/showblock#showmore

</script>

Взято отсюда: https://mo-ti.ru/zeroaccordion

</script>

Взято отсюда: https://mo-ti.ru/bghover

</script>

Взято отсюда: https://mo-ti.ru/hover-gif-zero

</script>

• скорость прокрутки. Для этого в поле var speed измените значение с 2000 на больше или меньше;
• дополнительное смещение при клике на якорную ссылку. Его можно изменить поле var customOffset