К основному контенту

1 мин

Zeroblock

Light

5

Этот скрипт позволит тебе вставить код с codepen в твою страничку на Тильде. Модификация совместима с Autoscale.

Как вставить Codepen
в Тильда?

(cвернуть)
Инструкция

1. Создай на странице зероблок, в который нужно вставить эффект с

2. Вставь ссылку на нужный Codepen в генератор и сгенерируй код со всеми нужными тебе параметрами

3. Вставь полученный код в html-элемент внутри зеро, созданный в п.1

- Чтобы защитить себя от случаев, когда автор нужного тебе codepen удалит свою работу с codepen, ты можешь создать свой аккаунт на codepen, открыть нужный тебе codepen, нажать на кнопку "fork" внизу и после этого уже копировать получившуюся ссылку (она должна измениться). Таким образом она сохранится в твой аккаунт codepen

Важно!

undefined
Отчистить поля
Загрузить сохраненные значения
undefined
Скопировать код
<iframe style="width: calc(100% + 5px);height: calc(100% + 90px);margin-top: -55px;margin-left: -1px;margin-bottom: -35px;" scrolling="no" src="?default-tab=result" frameborder="no" loading="lazy" allowtransparency="true"></iframe> <style> .t396__elem[data-elem-type="html"] > div:has([src*="codepen.io"]) { overflow: hidden; height: inherit; } </style>
123

Ниже вставил таким образом случайный Codepen чисто для демонстрации

Примеры работы модификации