Мобильная верстка на Tilda. Решаем проблемы
ฝัง
- เผยแพร่เมื่อ 18 ส.ค. 2021
- Хотите сайт на Тильде? Мы можем помочь: dolginstudio.com/
Мой обучающий курс по работе в Tilda dolginstudio.com/course/
Хотите отправить сайт на обзор в ближайший стрим? donatty.com/dolgingerman
Хотите 1 месяц в подарок после первой оплаты за Тильду? Регистрируйтесь по ссылке tilda.cc/?r=1407941
Тильда слишком дорого? Попробуйте Craftum craftum.com/id27141/germandolgin
Мой второй канал / germandolginlive
Поддержите автора: donatty.com/dolgingerman
Хотите покупать фотографии со стоков дешево? Вам сюда: shopdiz.pro/r/5M5z2zrd
В инстаграм посты выкладываю редко, и не про дизайн, но если интересно- / germandolgin
Первое видео по этой теме и уже на все 100% полезное
СПАСИБО!
важные нюансы Герман, спасибо большое!
Как всегда, очень полезное видео 😊👍 Спасибо
Супер! Очень полезная информация!
Все как всегда, супер !
Супер!!! Просто спасение!!! Долго не могла понять, почему такая проблема с одинаковым выравниванием текста в мобильной версии стандартных и зеро блоков! Большое спасибо! Вы просто спаситель!!!! 😅🙏
Спасибо, выручили❤
Отличные советы, спасибо👍
полезный плюшки о которых нужно помнить 100%. Спс что делишься опытом
Спасибо, здорово!
Шик, спасибо 🙏🏻
Очень полезно, спасибо!
Спасибо, очень полезно!)
Полезно было, очень полезно
Спасибо! Очень полезно
Герман, спасибо, вы всё очень доходчиво объясняете, у меня к вам просьба. Сделайте нарезку видео с короткими но полезными мелочами. Для таких начинающих, как я ))) Тени всякие, выпадающие менюшки и всё в таком роде. Спасибо )))
Спасибо большое!
Спасибо, отличное видео
Полезно! 😀👍 💪
Герман, все как обычно: лайк!
И никаких проблем с отрезанными головами:)
А про CSS я бы послушал...
Ничего там сложного нет.
Твоё мнение и примеры были бы кстати...
Спасибо
Жирный лайкос за котюнечку!
Герман, лично я только за css! Я уверен, что многие здесь как и я учили html, css, js (но знают его не до конца). Твои видео просто находка, я учу css уже года 2, но всё время открываю для себя новые вещи. Да и другим не трудно просто всё сделать по инструкции). Особенно, если говоришь что делать ты (как всегда, понятно, чётко и по делу).
чел ты реально жжешь ! мне очень нравится, как ты все понятно объяснтяешь, харизмамометр зашкаливает :D сэнкю мэн !
но скоро нас всех заменят нейронки 😢
@@germandolgin поправочка: заменят скорее тех, кто не сумеет ими пльзоваться 🤖 а те, кто сумеет и будет, те будут ловить кайф от того, что за них все грязную работу будет делать skynet 🤣
Герман, приветствую! Подскажите, как обойти проблему блока te110, где при наведении курсора на картинки они затемняются, и это нормально и красиво в десктопной версии, а в мобильной эта сплошная череда затемненных фотографий не нужна. Как там убрать затемнение?
Привет, отличные советы! Например про неразрывный блок)) А вот про фоновую картинку прям для меня сейчас актуально, у меня на сайте зернистый фон, на десктопе всё отлично, а вот на мобилке - печаль. Получается что величина зернистости разная, видны стыки блоков, это из-за разных размеров блоков мобилки, что можно сделать? Или только на глаз подгонять зернистость?
Герман все по делу, НО: Если на мобилке выставлять элементам (тексту) привязку ГРИДКОНТЕЙНЕР да еще и в % то в зависимости от размера экрана текст будет скакать. На маленьких экранах строк текста будет больше чем на больших экранах. Это проблемка))))))
У меня первый заказ на Тильде, и если бы я не знал css мне бы туго пришлось)
Подскажите пожалуйста, как изменить размер в мобильной верстке. То есть на телефоне сайт показывает как на компе
Герман, запиши видос пожалуйста, где ты будешь верстать лендос исключительно на виндов контейнере.
Спасибо!
Подскажите пожалуйста, почему нет кнопки «контент» в мобильной версии, не получается новый пост выложить
Герман спасибо за видео. К сожалению не нашёл ответа как сделать обложку с фоновым видео на мобилку, готовые блоки проигрывают видео только на компе. Так же сразу добавлю вопрос можно ли добавить к этому звук. Задача чтобы юзер при входе сразу попал в атмосферу видео и звуков. Пример зашёл юзер на мобильный тильдошный сайт как зашёл на пляж/лес/диско...
Герман, привет. Есть фоновая картинка и информация. Моя задача сделать так чтобы картинка не двигалась и была статична а информация двигалась вниз при прокручивании вниз. В компьютерном разрешении так сделать удалось загрузив картинку в bаck grounde и растянув сам зеро блок на большую высоту. Но как этого добиться в мобильной версии? В ней фоновая картинка масштабируется до огромного размера и двигается вместе с информацией.
Добрый день. Не знаю как на мобильном устройстве в зероблоке изменить текст
Ну как тут не поставить лайк😂
Здравствуйте. Только начала изучать Тильду. Адаптация- ну очень сложно дается.
В ролике было все понятно, кроме одного. Как понять, что размер заголовка остается одинаковым при смене мобильной версии? Самая последняя версия уже других. Тогда заголовок займет несколько строк.
Nice!
котенок четкий )
Она уже выросла в здоровую злую Котзилу))
Вітаю! Підкажіть, я хочу зробити лендинг для мобільної версії у зеро блоці. Я можу не адаптувати сайт під комп'ютер та планшет, а одразу розробляти під мобільний пристрій?
Сделать все равно придется
Было очень полезно! Я сделала сайт,но он вообще не адаптирован под мобильную версию и я не знаю как это исправить,у меня не только картинка на zero block вылезает,а вообще все вылезает за рамки т.к соответственно разрешение телефона и компьютера разное. Я супер пупер новичок,поэтому было бы хорошо увидеть видео от А до Я с советами как сразу сделать сайт чтобы он правильно открывался на всех устройсвах, если это вообще возможно...
Мне сложно. Мало что поняла. Делаю сайт первый раз на тильде.куча непонятных слов. Сделала сайт без зеро блоков. И в мобильной версии бардак. Че делать с этим , так и не разобралась
По поводу мобильной версии - а если использовать разные блоки для пк и мобилки? Например, тот же самый пример с самокатом из видео: для ПК оставить этот блок таким, каким он есть (в настройках блока устанавливаем ограничение показа по размеру экрана), а для мобилки обработать фото в размер примерно 450*630 и сделать отдельный блок с ограничением показа по размеру экрана(только для мобильных устройств)?
Я просто другое изображение загрузил в мобильной версии
Отличная идея, решает много проблем, у меня процентом 80 блоков для мобильного и десктопа дубли, только с разными настройками.
Есть вопрос!) В мобильной версии меняются цвета!! Текст почти не виден, а Шейп, что делала для сливания вот и фона получается темным квадратом. Как избежать?
Я так понял у вас градиент не подтягивается, попробуйте сделать его png фоном
Нужно ли дорабатывать кодом для адаптации под мобильную версию? ( т.к может в мобильной версии все съезжать)
за мою практику было раза 2 а вообще все норм
Спасибо, как обычно очень полезный контент! Лично я бы хотел видеть примеры с css, я в нём не силен, но скопировать твой код сложности не вижу, я бы не отказывался на твоём месте от примеров с css из за личностей которые не хотят использовать код. Что плохого в нескольких вариантах решения проблемы?
Если ты хочешь больше кодов, модификация и т.д. , тебе не к Герману, тебе к Нолим!Герман, прикрепи свою ссылочку с бонусом
Здравствуйте, Герман. С зеро блоком понятно, но как мне сделать блок ST305N видимым в мобильной версии сайта такой же, как мы видим на десктопе? Что бы карточки товаров показывались не по одной на телефоне (что бы увидеть следующую, нам нужно пролистать вниз), а что бы человек видел их все сразу
1. Отдельно отключить адаптивную верстку у блока без кода не получается. Можно отключить у всей страницы
2. очень вам не рекомендую чтобы оно выглядело на мобилке так же как и на десктопе
3. Максимум что могу вам порекомендовать это сделать все товары в две колонки специальной галочкой в настройках
@@germandolgin да, сделал по 2 карточки, спасибо
Друзья привет. Как выровнять на телефоне меню каталога? Он на компе ровный, а в телефоне разделы пляшут, в поддержке пишут, что способами тильды это невозможно, только 123
Наконец-то кошка пригодилась, пусть позирует иногда😄☝
Для неразрывных пробелов в Тильде есть топограф.
С ним у некоторых шрифтов проблемы, это стабильнее
Герман, все видео твои смотрю, все в пользой. Очень нужен твой совет по мобильной версии. Сайт сделан на шаблоне Zero block. В редакторе Тильды различное разрешение на сайте всё норм настроено, в эмуляторе тоже все ровно, а конкретно на телефоне Redmi всё едет. Как такое исправляется? Когда везде норм, а на отдельном телефоне -косяк? Спасибо! Буду ожидать твоего совета, заказчик нервничает, а я не знаю как исправить...
столкнулся с тем же и вот что выяснил...на Redmi по умолчанию стоит Mi браузер . И он косячит при воспроизведении сайтов в Тильде....как только перехожу в Хром гугловский всё воспроизводится корректно
Матчасть ) расскажите как пиксель в пиксель выровнять а то 20 px отступа с лева и 90% ширина это круто но если присмотреться там не в пиксель в пиксель тильда просто не умеет этого делать...
Делаю мобилу в автоскейле и не парюсь
кися)))
Чта ты говоришь???
nbsp это что такое?
Что за css?
Конструктор сам должен это делать.
Очень сложно, одни костыли
Давай css ))
У меня не сработал #nbsp;
Установи раскладку Бирмана на компьютер и сможешь вводить любые символы без копипаста за секунду. 👍
Ребят, кто знает как сделать плавный скрол в мобилке? Анимация по скорлу пиздц топорная.
Модификатором "плавный скролл"
Он работает и на десктопе и на мобилке
@@germandolgin От тильдошной?
@@nikitahypercrush нет стандартный блок в разделе "другое"
Есть ощущение, что Герман подвыгорел чтоль. Последнее время контент высосан из пальца как по мне. Наверное я слишком много знаю про Тильду, чтобы удивляться)))
У меня просто про это много народа спрашивало, вот я и записал наконец
Голос противный