Как вставить CODEPEN в Tilda за одну минуту

Рет қаралды 15,515

Күн бұрын

Как вставить CODEPEN в Tilda за одну минуту
Сегодня вы узнаете, как с помощью dev-donut.ru вставить codepen в tilda zero block без навыков вёрстки. Эффект, вставленный в тильду из кодпен выглядит точно так же, как если бы мы вставляли его вручную в тильдовский зеро блок.
Ссылка на генератор кода: dev-donut.ru/edit/codepen
Таймкоды:
00:00 Вступление
00:25 Что такое codepen
00:53 Как перенести эффект в тильду
03:13 Подводные камни
05:13 Влияние на скорость загрузки
06:07 Аутро
___________________________________________
✅Поделись видео с друзьями: • Я сделал НЕВОЗМОЖНОЕ с...
✅Подпишись на канал и поставь🔔: / @design_scripts
Я сделал НЕВОЗМОЖНОЕ с личным кабинетом Tilda
___________________________________________
Telegram: @swan4er
ВК: id117174434
Instagram: / bistricky_stanislav
Email: rootdesign.help@gmail.com
___________________________________________
теги:
#tilda, #тильда, #дизайн, #вебдизайн, #design, #тильдошная, #motilda, #zeroblock, #зероблок, #скрипт, #скриптынатильда, #tildaws, #тильдасайт, #tildazeroblock, #тильдаzeroblock

Пікірлер: 130

@slice508 Жыл бұрын

Хороший был канал, жаль что заброшен

@AlexandrTverskoy Жыл бұрын

Привет, у тебя тильда не проплачена. Выдает ошибку.

@super-preza Жыл бұрын

Стас, огромное спасибо!!!! Когда приходит ссылка на твое новое видео, сразу же перехожу и, первым делом, ставлю ЛАЙК! А потом уже внимательно пересматриваю и не один раз. Огромная благодарность за такие полезные видео! Продолжай! А мы будем смотреть, восхищаться и учиться!!!

@karamelololo96 Жыл бұрын

Спасибо за то, что объясняешь сложные вещи простым языком )

@Webdesignbyezhova Жыл бұрын

Станислав, огромное вам спасибо за такие ценные знания! Пусть у вас все будет замечательно!)

@aleksandrgeneralov1837 Жыл бұрын

Станислав, респект за топовый контент! 👽Ты круто объясняешь. Спасибо, что помогаешь дизайнерам👏

@em492 Жыл бұрын

С возвращением, спасибо!

@user-fe4ni3sp3z Жыл бұрын

Сначала лайк, потом просмотр))) Большое спасибо!

@Good-web-studio Жыл бұрын

Огромное спасибо за такой полезный контент!

@petraral8852 Жыл бұрын

Охренеть. Буду сегодня пробовать. Спасибо!!! 💙 Как хорошо, что есть база html и css 🥴

@lead3854 Жыл бұрын

Дядь, просто пушка, я вообще графический дизайнер, но заказчики часто дают мелкие задачи, разработка маленького ленда и т.д, это просто бомба, сильно поможет, спасибо

@jamkadirov1196 Жыл бұрын

Прям отлично. Не зря подписался! ) Спасибо!

@Vian_Web Жыл бұрын

Спасибо! Давно эту тему хотел попробовать! Ты супер!

@design_scripts Жыл бұрын

Благодарю)

@dmitrykand5142 Жыл бұрын

Большое спасибо! Очень крутой способ разнообразить тильду.

@design_scripts Жыл бұрын

Ютуб пишет, что ты подписчик этого канала уже два года. Спасибо за поддержку ♡( ◡‿◡ )

@Damir01 2 ай бұрын

очень интересно, спасибо

@user-nk2lp3cy5u Жыл бұрын

Как всегда, прекрасен.

@tatianakirkina1455 Жыл бұрын

Огромное спасибо!!! Очень вовремя! 😎💥👋

@design_scripts Жыл бұрын

Рад, что видео было полезным

@user-of5cr5vn7z Жыл бұрын

класс! Благодарю!

@user-ko1jk5wb9o Жыл бұрын

Благодарю!

@glaz_art Жыл бұрын

Спасибо за видео ты лучший, рад что сайт dev-donut наконец-то заработал)

@user-we8zk6cz8b Жыл бұрын

Как всегда красавчик.

@digimon732 Жыл бұрын

Мужик ты лучший 💪🏻👍

@aniskiparis9354 Жыл бұрын

Офигенно! На Wordpress тоже так работает)

@sneakykickz Жыл бұрын

Анрил какой-то!!!! Какие же вы молодцы!!!!!!!!

@user-xs3it5nf1k Жыл бұрын

Спасибо!

@heylyu Жыл бұрын

мы дождались))) с возвращением) 🤗

@design_scripts Жыл бұрын

ʕ ᵔᴥᵔ ʔ

@user-es9ys6ft7d Жыл бұрын

Ура!!! С возвращением 👏

@design_scripts Жыл бұрын

Благодарю)

@vechaSlav Жыл бұрын

Спасибо!!!

@artlarionov Жыл бұрын

Стас вернулся! Мы скучали :)

@roksy3725 Жыл бұрын

Слава богу жив, я ждал этот ролик!

@design_scripts Жыл бұрын

Жив, конечно, куда я денусь)

@user-gf9oq3ug4h Жыл бұрын

И не прошло пол года) а не, прошло ( с возвращением

@user-es7cz2jc4p Жыл бұрын

Опаньки 🤗 спасибо

@boom-biddy-buy-buy Жыл бұрын

Ты просто космос Стас)))) спасибо!)

@design_scripts Жыл бұрын

Рад, что понравилось)

@Vibe-iz5mi Жыл бұрын

Стас, благодарю!))

@design_scripts Жыл бұрын

Пожалуйста (◕‿◕)

@timur.suleymanov Жыл бұрын

чувак ты лучший!!!

@vitaliinovikov451 Жыл бұрын

Бро, братуха, братулец!

@eugennaumov1860 Жыл бұрын

Лайк!

@Natas_Satan Жыл бұрын

Кайф! спасибо огромное!

@design_scripts Жыл бұрын

Пожалуйста :*

@xndrpdlk Жыл бұрын

Круто спасибо!

@design_scripts Жыл бұрын

Пожалуйста

@user-mp4eu2yf3m Жыл бұрын

Спасибо

@Igor_Designer_by_Tilda Жыл бұрын

Спасибо!!!!! Очень выручил!!!!!!!!

@design_scripts Жыл бұрын

Рад, что смог помочь)

@user-qd8tn6sy5t 11 ай бұрын

Спасибо! Контент класс, Обязательно продолжай. Подскажите, почему при переходе на сайт dev-donut просит продлить какую-то подписку?

@VioletVolchok Жыл бұрын

Спасибо большое за инструкцию! Вопрос: если хочется вставить эффект из codepen в качестве фона, а сверху поставить заголовок, кнопку и тд, то это в зеро блоке можно сделать? Вставлять новые элементы прямо поверх фигуры с html?

@sale24kz 11 ай бұрын

Подскажите актуальный сайт для вставки кода? Спс

@MAGATRONE Жыл бұрын

Крутой видос, способ топ просто, проще уже некуда наверное))

@design_scripts Жыл бұрын

Спасибо)

@cheatstop5098 Жыл бұрын

Спасибо) супер полезный контент ) Вопрос, как можно привязать эффект к фрейму ? Как это было с Parallax tilt.

@greensquare6360 Жыл бұрын

💪🏼

@2505 5 ай бұрын

да тут просто кладезь полезности

@Kirill-zl5cj Жыл бұрын

Как всегда - гений!

@design_scripts Жыл бұрын

На самом деле, конкретно здесь ничего гениального) Но спасибо :3

@vasiliy_xx Жыл бұрын

Отличные видео, спасибо! А можешь сделать видео о том, как вставить в Tilda 3D панораму, созданную в Pano2VR?

@artem_safronov Жыл бұрын

Нереально круто)

@design_scripts Жыл бұрын

Правда? Спасибо, я старался)

@artem_safronov Жыл бұрын

@@design_scripts лучший

@kolesnikova.y.g Ай бұрын

Станислав, возвращайтесь!

@mc050582 Жыл бұрын

Станислав, спасибо большое. А не подскажешь почему такой метод не работает с браузером firefox?

@maratmart3356 Жыл бұрын

Единственный канал на котором колокольчик

@design_scripts Жыл бұрын

Приятно слышать, спасибо)

@evandesigner Жыл бұрын

Спасибо огромное! Станислав, подписчники придут! Желаю сил и терпения продолжать. Вопрос: использовал тот же эффект с текстом Variable Fonts, но видна панель Controls, как её скрыть?

@design_scripts Жыл бұрын

В самом конце в js удалить dat gui

@design_scripts Жыл бұрын

Объявление dat GUI и строчек 7-10 его настроек. В общем, до самого конца

@evandesigner Жыл бұрын

@@design_scripts Справился! Спасибо огромное!

@evandesigner Жыл бұрын

@@design_scripts и еще: я составляю, наверное, небольшую часть твоей аудитории, которая выкупает твою иронию, поэтому не прекращай ❤

@design_scripts Жыл бұрын

я чисто для себя) ты представь эту мощь, безграничную власть: я могу вставить танцующего шрека в видео, и другие люди будут это смотреть🤣

@Natas_Satan Жыл бұрын

Появился вопрос, а можно ли скрипт применить ко всем блокам? Или нужен доп код? Да я попробовал и только в конкретных блоках работает)

@user-ts9ct8qf8o Жыл бұрын

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

@kotova_profitness Жыл бұрын

Спасибо! У меня на этапе преобразования кода проблемы, по ссылке пишет продлить подписку а где и как ее продлить, если у меня на др почте уже тильда проплачена.

@dmitriybocharnikov553 Жыл бұрын

Приветствую, что за сервис по проверке производительности сайта? Погуглив, нашел абсолютно разные и они показывают разный результат, мб ты нашел золотую середину?)

@natali_tochonaya 8 ай бұрын

Не работает сайт dev-donut(

@mariavolkova8791 Жыл бұрын

Подписка dev-donut истекла :( Есть ли какая-то альтернатива этому способу?

@datanet4677 Жыл бұрын

Курс когда запускаете ?

@Igor_Designer_by_Tilda 11 ай бұрын

Я уже 4 день жду, мне очень нужен ваш сайт!!!

@realtime8794 Жыл бұрын

Можешь сделать видео , как вставлять любые эффекты с кодпена в тильду? Все кроме фона вставляется с прямоугольником в зероблок, и как сделать что бы фон обьекта был не виден совсем хз...Например текст с анимацией вставится со своим фоном по уродски..

@user-oh3eo8ly3u Жыл бұрын

Привет! Супер видео, только ссылка на генератор кода не работает(

@user-op9ee6vg5l Жыл бұрын

Спасибо за видео! Правда ссылка в описании не работает

@user-of7rq8cl3i Жыл бұрын

Как такую компрессию текста в афтерэффекте реализовать, знает кто нибудь?

@MikhailBoychenko Жыл бұрын

Добрый день Понимаю, что прошло уже достаточно много времени с момента публикации данного ролика, но я хотел поинтересоваться. На сегодняшний день сайт dev-donut недоступен. Не подскажите, он закрылся или может куда-то переехал?

@averkom Жыл бұрын

Сайт был доступен пару месяцев и всё. Очевидно, он уже вряд ли "оживет".

@kroshka_Sofia Жыл бұрын

Подскажите пожалуйста, а если вот мне нужно какой-то эффект на бургер меню сделать? Делаю html окошко на главной странице в тильда и у меня появится бургер после публикации? Или нужно нарисовать бургер в Тильде на главной странице, а следом сделать экран где будет html и там как-то прописать координаты своего бургера? Простите, я ещё новичок но очень хочется делать крутые сайты.

@design_scripts Жыл бұрын

Немного не понял, что вы подразумеваете под эффектом на бургер меню. Если вы про полностью кастомный бургер с кодпена, то здесь поможет только перенос вручную и редактирование кода. Если вы просто хотите накинуть какой-нибудь визуальный эффект на открывающееся окно бургера, то вам придётся делать это окно в зеро блоке. В этом же зеро блоке, к примеру, вы сможете вставить сгенерированный код в html элемент. А затем подключить этот зеро блок к бургеру с помощью уже существующей модификации. К примеру: mo-ti.ru/zeromenupopup2 mo-ti.ru/zeromenupopup

@kroshka_Sofia Жыл бұрын

@@design_scripts спасибо огромное!!!! Имела в виду второй вариант.

@dobro_eee Жыл бұрын

Ну годно для новичков, но все равно базовый код учить надо -_-

@Igor_Designer_by_Tilda 11 ай бұрын

Добрый день! Вы можете оплатить подписку на своём сайте?

@evandesigner Жыл бұрын

#трендыютуба

@user-lx6hs6vm6v 9 ай бұрын

Чего не выходят новые видео?

@farizdavasilyan3432 10 ай бұрын

Народ, а кто-нибудь в курсе куда пропал автор канала? Может у него другие каналы есть или курсы?

@liliths-yan533 2 ай бұрын

А меня наоборот интересует как вставить код в Тильду? Проще говоря в Фигме создан сложный стиль, который могу выгрузить через код и как HTML/CSS вставить в Тильду. Ищу способ..

@user-oh3eo8ly3u Жыл бұрын

Привет! Почему-то не работает ссылка генератор кода

@tommyshelby8122 10 ай бұрын

ссылка на генератор перестала работать (:

@user-wr3hv4gy6d Жыл бұрын

Спасибо! Но ссылка на генератор не работает :(

@TheSteveandMax Жыл бұрын

Dev Donut походу слетели... какие есть альтернативы сайт их не работает ? Подскажите, пожалуйста

@Hidaomari 11 ай бұрын

А dev-donut больше не работает? :(

@andreysukalov5832 Жыл бұрын

Ув. Дизайнер со скриптами, почему Ваш бот в ТГ по переносу из фигма в тильда не работает и будет ли он работать?

@catalystrussia Жыл бұрын

эфффект пушка, но ссылка не работает на генератор кода((((( почините пожалуйста

@ozvl3835 Жыл бұрын

Автор живой?

@Manna_0014 Жыл бұрын

дев доунт не грузит((( у кого так же? что делать

@user-sn2ls4vj4g Жыл бұрын

Почините сайт пожалуйста!🙏

@dondiego8787 11 ай бұрын

блин, к сожалению на данный момент их сайт недоступен, видимо закончился тариф

@oleksandrbilonozhko298 Жыл бұрын

сайт снова не работает :( пробовал в готовом коде найти как заменить нормально адрес- но нифига не получилось

@saitolog_slava Жыл бұрын

Написал коммент под видео как можно решить без сайта

@sagayasuki Жыл бұрын

@@saitolog_slava подскажите как пожалуйста, сайт не работает просто

@saitolog_slava Жыл бұрын

@@sagayasuki посмотри в комментариях под видео

@MoneyMaking1 Жыл бұрын

@@saitolog_slava нет ничего в комментариях

@dobro_eee 11 ай бұрын

Не работает ссылка

@YooR-qf3kg 9 ай бұрын

dev donat не работает

@DeanRie Жыл бұрын

а ещё тише нельзя было звук сделать?)

@design_scripts Жыл бұрын

Можно

@DeanRie Жыл бұрын

@@design_scripts отлично, буду ждать)))

@design_scripts Жыл бұрын

А что, правда, тихо? Вчера, когда монтировал, у меня чуть уши не выпали на максимальной громкости. Спасибо за коммент, исправлюсь. Привыкаю к новому микро

@DeanRie Жыл бұрын

@@design_scripts ничё страшного, но правда тихо, в отличии от других видео)

@heylyu Жыл бұрын

@@design_scripts если честно и правда тихо, на максимум звук выставила, приходится в полнейшей тишине слушать))))