Резиновый сайт Автоматически в Tilda Zero block
Рет қаралды 50,700
3 жыл бұрынРезиновый сайт Автоматически в Tilda Zero block
Сегодня я покажу, как автоматически сделать сайт в Tilda Zero block резиновым. Адаптируется / резинится только десктопная версия, мобильные версии в тильде не трогаются. Для того, чтобы сделать ваш дизайн в тильде резиновым, вам теперь не нужно изучать window container, высчитывать проценты - достаточно просто использовать скрипт.
🦜Поддержать автора копейкой: www.donationalerts.com/r/swan4er
Ссылка на скрипты: www.dropbox.com/s/w4f04se8er9...
___________________________________________
✅Поделись видео с друзьями: • Резиновый сайт Автомат...
✅Подпишись на канал и поставь🔔: / @design_scripts
Резиновый сайт Автоматически в Tilda Zero block
___________________________________________
Telegram: @swan4er
ВК: id117174434
Instagram: / bistricky_stanislav
Email: rootdesign.help@gmail.com
___________________________________________
теги:
#tilda, #тильда, #дизайн, #вебдизайн, #design, #тильдошная, #motilda, #zeroblock, #зероблок, #скрипт, #скриптынатильда, #tildaws, #тильдасайт, #tildazeroblock, #тильдаzeroblock
@Phangan-FM 3 жыл бұрын
Не по уведомлению, а по зову сердца)
@super-preza 3 жыл бұрын
Огромное спасибо и низкий поклон за то, что расширяешь вселенную Тильды! Очень полезные и нужные видео!!
@alexandrgerasimov910 3 жыл бұрын
Наконец-то, я так долго этого ждал и мучался с этими window контейнирами и дублями блоков. Спасибо тебе большое человечище!!
@mikhaildyachenko1670 3 жыл бұрын
СТАС , ТЕБЕ ОГРОМНОЕ ЧЕЛОВЕЧЕСКОЕ СПАСИБО!!! ЭТО РЕАЛЬНО ОДНО ИЗ ГЛАВНЫХ СОБЫТИЙ ГОДА В ТИЛЬДЕ!!! МИЛЛИОН РАЗ ТЕБЕ ГОВОРЮ СПАСИБО!!! 👍👍👍👍👍👍👍
@design_scripts 3 жыл бұрын
И тебе спасибо за такой эмоциональный комментарий👋😉
@mikhaildyachenko1670 3 жыл бұрын
@@design_scripts да я вообще прыгаю от радости, я наверное больше всех здесь этого ждал)))
@user-js1vz8nb4w Жыл бұрын
ССЫЛКА БИТАЯ
@user-cn1yp1ii1o 2 жыл бұрын
Станислав, ты крутой! Даешь так просто и легко материал, что любой может быстро стать спецом! Благодарю
@dmitriivasilev5905 3 жыл бұрын
Единственный канал, который делает НАСТОЛЬКО годный контент. Почти всеми фишками из твоих роликов пользуюсь, это просто огонь)
@design_scripts 3 жыл бұрын
Спасибо, это приятно слышать. Стараюсь постоянно удивлять)
@user-js1vz8nb4w Жыл бұрын
ССЫЛКА БИТАЯ
@odessaloveyou 3 жыл бұрын
Боже, Станислав, ты чудо! Спасибо 💖
@user-bf3kp4tt5p 3 жыл бұрын
Он, что, сын Илона Маска? Как иначе объяснить это??!?!?!?
@design_scripts 3 жыл бұрын
Просто наслаждаюсь тем, чем занимаюсь) Спасибо за крмментарий😉
@abobus_artem 3 жыл бұрын
Это просто божественно! Большое спасибо!
@rfpfljtd777 3 жыл бұрын
Храни тебя бог!!!!!!! Сколько мы этого ждали 🥺🙏❤
@user-rf8yy7wi7u 2 жыл бұрын
ну крууутяяяяк, спасибище просто невероятное!! я в восторге.
@elenamonakova7547 10 ай бұрын
Спасибо за этот полезный контент!!! Одним видео покорил мое ❤
@motivation_justdoit 3 жыл бұрын
МИЛЛИОН РАЗ СПАСИБО! ЭТО ОТКРЫТИЕ ДЛЯ МЕНЯ!
@user-ty8cj3qv1h 3 жыл бұрын
Спасибо, как минимум стоит попробовать )
@user-ts9ct8qf8o 3 жыл бұрын
Спасибище тебе! Так давно такое искала!!!
@iramihh8072 Жыл бұрын
шок, это просто великолепно!!! Благодарю!
@julisat9772 2 жыл бұрын
Мега полезное видео) обязательно попробую
@pavelpechenkov5862 3 жыл бұрын
Вы делаете невероятно крутое дело. Спасибо!
@design_scripts 3 жыл бұрын
Спасибо, стараюсь каждый раз удивлять)
@moonly9153 10 ай бұрын
снимаю шляпу, перед этим столь добрым джентельменом, помогло нереально
@user-oc5ce6bt7c 3 жыл бұрын
Спасибо! Отличная работа!
@user-no6vc4vd3q 3 жыл бұрын
Спасибо за видео! Все мы потихоньку начинаем любить код)) Расширение annex очень крутое, пользуюсь!
@design_scripts 3 жыл бұрын
И тебе спасибо за комментарий. Рад, что мои старания не напрасны)
@user-zx3vr6zr5m 3 жыл бұрын
Спасибо за видео , колокольчик сегодня обрадовал :)
@gokostrov 2 жыл бұрын
лучший, спасибо огромное, сохранил с помощью этого способа около 2 дней, еще раз, спасибо!
@YanaDelux Жыл бұрын
Огонь!!! Спасибо большое!
@igorn1870 3 жыл бұрын
Это ТОП контент! Это ТОП автор! Это ТОП канал! Просто всё и без "воды". Спасибо.
@user-xb5uz9kc9z 2 жыл бұрын
От души!! пол дня убила на утехи с autoscale, а оказалось, все настолько просто.
@shamasp 3 жыл бұрын
Ранок став просто ПРЕКРАСНИМ !!!! дуже дякую !!!!
@innaavanesova7848 3 жыл бұрын
У меня тоже все получилось! Дай бог тебе здоровья, милок!)))
@nikei7717 3 жыл бұрын
Конечно лайк, спасибо за годноту.
@design_scripts 3 жыл бұрын
Спасибо😉
@user-vt6ut4lz4b 3 жыл бұрын
Спасибо вам большое, я так давно об этом мечтала!!!!
@design_scripts 3 жыл бұрын
Что ж, я рад, что ещё одна мечта исполнилась)
@dmitrykand5142 3 жыл бұрын
Как всегда огонь!
@design_scripts 3 жыл бұрын
Как всегда, спасибо за комментарий и приятные слова)
@dksstudiosdemid1607 2 жыл бұрын
Спасибо огромное, это просто невообразимо
@alexanderchudaev9431 3 жыл бұрын
Автору огромное спасибо! Помню весь день убил чтобы сделать первый экран через проценты, но из-за этого анимации не работали и было не очень, а тут запустил скрипт, скопировал стили с консоли и вставил в код сайта - профит. От души, друг
@VovaSumrak 3 жыл бұрын
А у меня в консоле пусто, не показывает стили.
@zakharrastorguev6461 3 жыл бұрын
Это шедеееевр!
@oleksandr_bezuhlyi 3 жыл бұрын
Благодарность, благодарность и ещё раз благодарность!💯👏👍
@design_scripts 3 жыл бұрын
Спасибо, рад, что вам понравилось)
@user-we8zk6cz8b 3 жыл бұрын
А вот резиновый сайт как раз в тему, спасибо за информацию
@averkom 3 жыл бұрын
Стас, огромное спасибо! Крайне полезный контент! Только жаль, что так редко. Наверное у тебя сейчас много заказов! Пожалуйста, не забывай про нас - простых сайтоделов)
@design_scripts 3 жыл бұрын
Дружище, я готовлю для вас просто вынос мозга. Сайты уровня bruno-simon.com
@user-js1vz8nb4w Жыл бұрын
ССЫЛКА БИТАЯ
@depresar 5 ай бұрын
@@design_scripts это разьёб
@delanrus 3 жыл бұрын
Спасибо. Очень классный контент у тебя
@design_scripts 3 жыл бұрын
Спасибо, стараюсь удивлять)
@mukh4nn 3 жыл бұрын
Добавь в описание реквизиты, грех тебя не поддержать. Гений 😅
@romanmatrosov9863 3 жыл бұрын
Очень круто!!!
@pavelsemenov8433 3 жыл бұрын
Круто! Спасибо!!!
@packrus5744 3 жыл бұрын
Лучший :) спасибо
@user-dy1xc3xt1i 2 жыл бұрын
Донат, однозначно! золотце просто
@user-dy1xc3xt1i 2 жыл бұрын
погорячилась ссыль на донат не работает, но я добро помню
@user-nk2lp3cy5u 3 жыл бұрын
Спасибо тебе огромное.
@user-du2xn8dh9x 3 жыл бұрын
Спасибо огромное, вещь очень нужная. Ток закончил резиновый сайт, насчитался вручную процентов)
@design_scripts 3 жыл бұрын
В следующем проекте можете уже попробовать один из этих способов. Буду рад, если это, действительно, облегчит вам процесс разработки)
@VadimPasternak 3 жыл бұрын
Класс)) попробую обязатель6👍👍
@aleksunknow113 3 жыл бұрын
Крутяк!
@Kirill-zl5cj 3 жыл бұрын
ГЕНИАЛЬНО!)
@design_scripts 3 жыл бұрын
Я старался)
@punkybusines7417 3 жыл бұрын
Это топ, спасибо!
@design_scripts 3 жыл бұрын
Спасибо😉
@elizabethde5268 2 жыл бұрын
Дякую дякую дякую!!!! Це дуже корисне відео
@user-is2ur7mg7x 3 жыл бұрын
Это гениально! Как раз сейчас голову ломал, у заказчика экран мак бук огромный! Тильдовский сайт выглядит убого, и тут твоё видео! Бегу пробовать)
@artem0924 Жыл бұрын
СПАСИБО СПАСИБО И ЕЩЕ РАЗ СПАСИБО!!!!
@ihorviktorsson8967 3 жыл бұрын
Это просто что-то феноменальное, для меня это просто как революция на Тильде) Ты спас много крутых проектов этим видео!) Кстати, важное замечание для тех, кто будет пользоваться вторым вариантом. При использовании Page scale почему-то не работает Overflow, даже если в настройках стоит Visible. Будьте аккуратнее, а то я чуть не завтыкал с этим. Лучше использовать первый вариант
@cr1mer 3 жыл бұрын
Слишком полезный контент)
@design_scripts 3 жыл бұрын
Рад, что понравилось)
@spv7-rudnyk 6 ай бұрын
спасибо за видео очень помогло
@alice2505 Жыл бұрын
Плачу от счастья
@user-fn4le6bv2z 5 ай бұрын
спасибо! круто
@user-tp2sx8pl8z 3 жыл бұрын
ТОПОВЫЙ ТОП!
@aquaferm-2.0 3 жыл бұрын
красава,мужук!!)
@livebandpaprika1096 3 жыл бұрын
круть!
@onlymozg6811 3 жыл бұрын
БЛиииииииин! Сегодня весь день мучался с резиновой версткой на работе и тут "БАА БААААХ" ОТ СТАСА! Ты вообще человек? По любому на марсе сидишь делаешь крутые вещи с Илоном Маском) !
@design_scripts 3 жыл бұрын
Я сижу на сникерсе) Пасиба за комментарий🤙
@taksi93 3 жыл бұрын
Спасибо!!!
@design_scripts 3 жыл бұрын
И тебе за комментарий спасибо)
@denisvishnyakov8121 3 жыл бұрын
Круто
@julkashu 3 жыл бұрын
Лааааайк ❤
@design_scripts 3 жыл бұрын
Спасибо👋
@alesyauxui 2 жыл бұрын
Привет! Спасибо за такой крутой ролик! Попробовала у себя Scale-метод. Почему-то условие не выполняется, и он пилит уменьшение даже на экранах меньше 1200px. И адаптивы, которые я настроила, не подгружаются. Не знаешь, в чем может быть проблема?
@NetskyA 3 жыл бұрын
Господи, а я там скриптами выкручивался с отображением блоков в зависимости от разрешения, 4 одинаковых блока под разные разрешения.... Мужик ты просто такой нереальный красавчик, ашалеть просто, ты вообще понимаешь, что ты помогаешь людям деньги зарабатывать? Когда разбогатею закину тебе денег от души)
@margareth8377 2 жыл бұрын
Это взрыв мозга!!
@maximyanovsky7464 3 жыл бұрын
Боженька
@vladsamylin6050 Жыл бұрын
Спасибо, отличный контент. Вопрос: а как это отображается на мобильной версии?
@xeniaartsman 3 жыл бұрын
😍😍😍
@aleks6607 3 жыл бұрын
Очень классно, спасибо)) а подскажите пожалуйста, что за расширение у вас, чтобы менять разрешение окна?
@design_scripts 3 жыл бұрын
window resizer chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh?hl=en
@user-hv4qr2mw9b 3 жыл бұрын
Это магия вне Хогвартса!!
@design_scripts 3 жыл бұрын
За это в азкабан не отправят)
@Kolesnichevsky Жыл бұрын
А это еще актуально? Сейчас есть функция Scale Grid Container (beta) в Zero block. Это я так понял то же самое, если совместить с отключением мобильной версии для страниц?
@VovaSumrak 3 жыл бұрын
А как быть с формами обратной связи? код их сужает сильно, и друг на друга накладывает.
@user-do9nj5ie3i 2 жыл бұрын
Подскажите, пожалуйста, следующий момент - при вставке второго кода (который меньше) перестает работать оверхед функция, то есть элементы дизайна (фото, шейпы и т.д) больше не переходят на второй блок. Как это исправить? Код начисто отключает эту функцию. Заранее благодарю!
@Markys_Apache 3 жыл бұрын
Привет! Отличный код, нет слов! подскажи как быть с элементами форм или галлереи, они не растягиваются под разрешения
@user-yy8eh9hl3c 3 жыл бұрын
Не смотрел на автоматом тебе лайкос и комментарий) Скажи, когда виидос будет по адаптивам бота?
@design_scripts 3 жыл бұрын
Следующий) Во вторник-среду
@user-yy8eh9hl3c 3 жыл бұрын
@@design_scripts спасибо, буду жёстко ждать))
@user-nl9gs5ls3t 2 жыл бұрын
А можно как-то исключить часть блоков из этого скрипта? Чтобы он не применялся например на некоторые блоки на странице?
@user-hs6jr6lz6n 3 жыл бұрын
Гениально! Стоит ли делать каждый проект таким образом, или есть какие-то недочёты, баги и прочее? И ещё вопрос: Как быть с первым вариантом, если у тебя многостраничный сайт? Или код проходит все страницы и стили тоже от всех страниц копируются?
@design_scripts 3 жыл бұрын
Мой нейрокритик (прошлое видео) и annexx.wtf используют второй способ. Проблем не было. Даже степ бай степ анимация по скроллу должна работать нормально. Касаемо первого способа, он для тех, кто, в случае чего, сможет дописать css. Косяков не замечено, кроме перескоков строки, если контейнер слишком мал. Об этом я упомянул в видео. Я не адаптировал формы, потому что их там дохрена, галерею зеро блоковскую - тоже. Также скрипт не работает на стандартных блоках. Скрипт проходится только по той странице, на которой он находится. То есть для многостраничного сайта алгоритм таков: 1. Вставить код на нужную страницу, опубликовать. 2. Взять из консоли стили. 3. Добавить стили в настройки сайта в CSS, либо же в T123 блок на эту же страницу. 4. Удалить скрипт со страницы, чтобы он больше не мешал. 5. Вернуться к пункту 1 и повторить для следующей страницы
@user-hs6jr6lz6n 3 жыл бұрын
@@design_scripts спасибо огромное!!
@user-nn2ok9dh6t Жыл бұрын
Здравствуйте! А почему некоторые элементы на сайте могут менять своё положение? То есть в самом редакторе зеро всё ок, а при публикации сайта элемент может находиться в другом месте? Как исправить? Что делать?
@Shchepotka 3 жыл бұрын
Скрипт пушка! Я правильно понимаю что элементы нужно позиционировать на "top" если использовать 2й вариант?
@design_scripts 3 жыл бұрын
Блин, по-моему, без разницы, вообще😅
@user-ob1tr5uj5t 3 жыл бұрын
Гений! Только есть вопрос, элементы нужно привязывать к грид контейнеру или виндовс? И игратся ли с выравниванием Left, Right?
@design_scripts 3 жыл бұрын
Онли грид. Скрипт и сделан для того, чтобы не долбаться с виндоу и процентами. Выравнивание не важно
@Ivan_Zhukau Жыл бұрын
Скажи пожалуйста, а как перехитрить тильду, чтобы она планшет считала просто монитором поменьше и скейлила? Мне нужно сейчас быстро кое-что выкатить, а потом уже девайсы допиливать потихоньку (на мобилке заглушку поставлю)
@daniel.molochkov 3 жыл бұрын
Очень полезное видео, спасибо!! 🔥 Подскажи, пожалуйста, как можно сделать так чтобы в мобильной версии был такой же адаптив? ( Просто когда работаешь с текстом, если выставлять его по гриду, то он нормально смотрится на iPhone SE, но при этом на более больших разрешениях будет большое расстояние по краям. А если выставлять ширину текста в процентах, то по краям будет нормальное расстояние, в то время как расстояние между текстом и нижними элементами будет все время меняться)
@design_scripts 3 жыл бұрын
Тут остаётся только css’ом подгонять, управлять шириной контейнера и размером текста. Верстку, которая сама подстраивается под размеры элементов, я ещё не пробовал)
@daniel.molochkov 3 жыл бұрын
@@design_scripts ладно, спасибо ))✨
@dimadiuh 3 жыл бұрын
Я ещё не посмотрел видос но уже злой, что он не вышел раньше))) мы с 2мя многостраничными сайтами Е💋ЕМСЯ УЖЕ почти месяц и все равно костяки вылазят(((
@onlymozg6811 3 жыл бұрын
Как тебя понимаю:D
@user-fe4fg8eq4x 2 жыл бұрын
Использовала ваш скрипт, спасибо! очень круто! Но есть маленькая проблема, почему скрипт не действует на шрифт в форме и размер кнопки?
@user-fe4fg8eq4x 2 жыл бұрын
Прошу прощения, со scale все работает)
@user-qg3kx2cq7d Жыл бұрын
Ребят, для мобильной верстки тоже все работает, для этого: var myWidth = 1920 (1920 заменить на разрешение под которое вы верстаете, у меня это 360) var style = '@media screen and (min-width: 1920px) { '; (min-width: 1920px заменить на max-width: 980px, то есть на то разрешение, до которого хотите показывать мобильную версию. После отработки скрипта из консоли копируем стили, вставляем к себе и все супер быстро и гладко работает;) Как вставлять стили на видео объяснено
@user-bv2bx1nc8k Жыл бұрын
првиет, а как подружить версии для пк и мобилок?
@CwalkAleks Жыл бұрын
У меня проблема возникла, после того как код вставляю то на меньших размерах появляется пустое пространство на готовом сайте, а в редакторе все нормально, у кого так же было, как решили вопрос? если ни у кого не было, подскажите как фиксить, пожалуйста
@egor.kozharsky 3 жыл бұрын
Появилась проблема с анимацией и адаптивностью с некоторыми элементами при работе на мониторе 1280, на FullHd появились лаги, которые при отключении скрипта пропадают, как это пофиксить?
@VovaSumrak 3 жыл бұрын
У меня во вкладке Console нет ничего. Всё пусто.
@depresar 5 ай бұрын
подскажи пожалуйста, если у меня дизайн в 1200px (в коде ставлю тоже 1200) делаю эту штуку и у меня очень сильно уезжает на сайте всё, анимации, картинки, вообще все
@hydroburner 3 жыл бұрын
Классный способ, спасибо! Хотел спросить про Figma-2-Tilda, туда уже прикручен адаптив? Где можно посмотреть инструкцию, как готовить макеты для того чтобы автоматически в зеро-блоке создавалась мобильная версия?
@design_scripts 3 жыл бұрын
Следующее видео на эту тему. Вторник-среда в 9:00 по мск
@design_scripts 3 жыл бұрын
Пока имеется только текстовая инструкция, которую я скидываю по вашему запросу
@MrHappymen86 Жыл бұрын
Спасибо за видео! Очень круто! Но у меня возможно очень банальный вопрос, но я не могу победить эту проблему. Делаю на широкоформатном мониторе. У меня разрешение 3440*1440. Когда делаю шейп шириной 3440, то у меня внизу не появляется полоса прокрутки, чтоб я мог видеть левую границу шейпа. Именно левую. правую границу я вижу, и дальше еще пустота даже есть. А вот левую границу не вижу. И чтоб текст написать так, чтоб он был виден от начала экрана (на моем мониторе), мне приходится загонять его за границы видимости шейпа. Так как левая граница где-то за гранью видимости. Как мне это исправить?
@user-yh6mr7mp3b 7 ай бұрын
А под мобильные устройства будет сам адаптироваться?
@user-yf2if7yp9u 9 ай бұрын
Станислав, или ребята в комментариях, подскажите пожалуйста в чем проблема 🙏Сделала вариант "Page scale" и зумирование не работает на фон в зероблоке, в итоге на определенной ширине экрана выходит, что контент уменьшился, а фон нет, он получается длинной колбасой... Как можно это исправить?
@onlymozg6811 2 жыл бұрын
Есть вопрос, у меня у одного перестало сжимать форму? Или это было всегда? Кто знает, как исправить?
@alan_mun 3 жыл бұрын
А как сделать чтобы под каждую мобилку так работало
@user-qh5fr3yo1w 2 жыл бұрын
Всё это хорошо. Скрипт подойдёт для страниц с разрешением больше 1200 рх А меньше. Тогда нужно блоки подгонять для каждого разрешения.
@qweragency5529 Жыл бұрын
А как шаблонные блоки подогнать под резину? 😅
@evgenyvlasof 2 жыл бұрын
Все круто, но я сделал ИМ и там есть стандартные блоки. Они не адаптируются и съезжают в бок
Макс Куратов
Рет қаралды 44 М.
Typecase
Рет қаралды 389 М.
Nir Gaming
Рет қаралды 4,7 МЛН