Мобильная верстка на Tilda. Решаем проблемы

Поділитися
Вставка
  • Опубліковано 7 лис 2024

КОМЕНТАРІ • 97

  • @MysticChill365
    @MysticChill365 6 місяців тому +4

    чел ты реально жжешь ! мне очень нравится, как ты все понятно объяснтяешь, харизмамометр зашкаливает :D сэнкю мэн !

    • @germandolgin
      @germandolgin  6 місяців тому

      но скоро нас всех заменят нейронки 😢

    • @MysticChill365
      @MysticChill365 6 місяців тому

      @@germandolgin поправочка: заменят скорее тех, кто не сумеет ими пльзоваться 🤖 а те, кто сумеет и будет, те будут ловить кайф от того, что за них все грязную работу будет делать skynet 🤣

  • @likabronskaya2820
    @likabronskaya2820 Рік тому +1

    Супер!!! Просто спасение!!! Долго не могла понять, почему такая проблема с одинаковым выравниванием текста в мобильной версии стандартных и зеро блоков! Большое спасибо! Вы просто спаситель!!!! 😅🙏

  • @Studio_375
    @Studio_375 6 місяців тому

    Герман, спасибо, вы всё очень доходчиво объясняете, у меня к вам просьба. Сделайте нарезку видео с короткими но полезными мелочами. Для таких начинающих, как я ))) Тени всякие, выпадающие менюшки и всё в таком роде. Спасибо )))

  • @AlexAlexandrovna
    @AlexAlexandrovna Рік тому

    Первое видео по этой теме и уже на все 100% полезное
    СПАСИБО!

  • @fit.expert
    @fit.expert 3 роки тому +1

    Все как всегда, супер !

  • @annashengelia4130
    @annashengelia4130 3 роки тому +2

    Спасибо, здорово!

  • @farendahen996
    @farendahen996 3 роки тому +3

    Герман, лично я только за css! Я уверен, что многие здесь как и я учили html, css, js (но знают его не до конца). Твои видео просто находка, я учу css уже года 2, но всё время открываю для себя новые вещи. Да и другим не трудно просто всё сделать по инструкции). Особенно, если говоришь что делать ты (как всегда, понятно, чётко и по делу).

  • @OstrovSakhalin2014
    @OstrovSakhalin2014 Рік тому

    важные нюансы Герман, спасибо большое!

  • @iliagoldobin8563
    @iliagoldobin8563 9 місяців тому

    Жирный лайкос за котюнечку!

  • @intro6183
    @intro6183 8 місяців тому

    Спасибо, выручили❤

  • @igortsudin4475
    @igortsudin4475 2 роки тому

    Супер! Очень полезная информация!

  • @dmitryivanov5276
    @dmitryivanov5276 5 місяців тому

    Герман, приветствую! Подскажите, как обойти проблему блока te110, где при наведении курсора на картинки они затемняются, и это нормально и красиво в десктопной версии, а в мобильной эта сплошная череда затемненных фотографий не нужна. Как там убрать затемнение?

  • @zbignew9563
    @zbignew9563 9 місяців тому

    Шик, спасибо 🙏🏻

  • @LaLu85558
    @LaLu85558 2 роки тому

    Как всегда, очень полезное видео 😊👍 Спасибо

  • @sergeyprostobean4521
    @sergeyprostobean4521 3 роки тому +2

    Герман, все как обычно: лайк!
    И никаких проблем с отрезанными головами:)
    А про CSS я бы послушал...
    Ничего там сложного нет.
    Твоё мнение и примеры были бы кстати...
    Спасибо

  • @mihaimaluk6833
    @mihaimaluk6833 3 роки тому

    полезный плюшки о которых нужно помнить 100%. Спс что делишься опытом

  • @ЕкатеринаБучик-д5ч
    @ЕкатеринаБучик-д5ч 9 місяців тому

    Спасибо большое!

  • @alinna3611
    @alinna3611 Рік тому

    Спасибо! Очень полезно

  • @ЮлияБачарникова
    @ЮлияБачарникова 2 роки тому

    Отличные советы, спасибо👍

  • @svetlanazenkovich2704
    @svetlanazenkovich2704 3 роки тому

    Спасибо, очень полезно!)

  • @msnvvvp
    @msnvvvp Рік тому

    Полезно! 😀👍 💪

  • @Ziffir4eg
    @Ziffir4eg 3 роки тому

    Полезно было, очень полезно

  • @Белыймедведь-т2м
    @Белыймедведь-т2м Місяць тому +1

    Блин рил понятно

  • @АлександраБ-б8ю
    @АлександраБ-б8ю 3 місяці тому

    Добрый вечер. Подскажите пожалуйста про блок ТЕ100. Сделал карточки с всплывающем текстом и фоном 80% при наведении. В версии ноутбука и планшета горизонтально всё ок. В остальных версиях фото сразу с текстом и фоном 80%.
    Не могу понять, как сделать чтобы было также, как и в версии ноутбука. Помогите пожалуйста решить вопрос. Заранее благодарю!
    С уважением, Alex.

  • @dishady
    @dishady 2 роки тому

    Спасибо, отличное видео

  • @azainvestgroup3527
    @azainvestgroup3527 2 роки тому

    Герман все по делу, НО: Если на мобилке выставлять элементам (тексту) привязку ГРИДКОНТЕЙНЕР да еще и в % то в зависимости от размера экрана текст будет скакать. На маленьких экранах строк текста будет больше чем на больших экранах. Это проблемка))))))

  • @galauvarova5166
    @galauvarova5166 Рік тому

    Здравствуйте. Только начала изучать Тильду. Адаптация- ну очень сложно дается.
    В ролике было все понятно, кроме одного. Как понять, что размер заголовка остается одинаковым при смене мобильной версии? Самая последняя версия уже других. Тогда заголовок займет несколько строк.

  • @bgalliance
    @bgalliance Рік тому

    Ну как тут не поставить лайк😂

  • @АлександраБ-б8ю
    @АлександраБ-б8ю 2 місяці тому +1

    Герман, добрый день. Пробую сделать фото, чтобы остались головы и все части тела. Но так не выходит, как Вы говорите (( Когда загружаю в готовый контейнер фото, это уведичивается во весь экран, все кнопки пропадают и я ничего не могу сделать ((( SOS!!
    И если есть возможность, то ответьте на вопрос ниже про блок ТЕ100.. пожалуйста!!

    • @ВалентинаФедорова-ч9ц
      @ВалентинаФедорова-ч9ц 2 місяці тому

      У меня то же самое(( Если разберетесь, маякните, пожалуйста

    • @АлександраБ-б8ю
      @АлександраБ-б8ю 2 місяці тому

      ​@@ВалентинаФедорова-ч9ц Хорошо, но пока не получилось разобраться ((

  • @ZAZORNIK.STANDOFF2
    @ZAZORNIK.STANDOFF2 5 місяців тому

    Добрый день. Не знаю как на мобильном устройстве в зероблоке изменить текст

  • @The_Designers_Dev_House
    @The_Designers_Dev_House Рік тому

    У меня первый заказ на Тильде, и если бы я не знал css мне бы туго пришлось)

  • @svadbawed
    @svadbawed 2 роки тому

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

  • @rustam_webdesigner
    @rustam_webdesigner 3 роки тому +1

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

  • @Llizzoookk
    @Llizzoookk 8 місяців тому

    Подскажите пожалуйста, почему нет кнопки «контент» в мобильной версии, не получается новый пост выложить

  • @ramilpismensky
    @ramilpismensky Рік тому

    Герман спасибо за видео. К сожалению не нашёл ответа как сделать обложку с фоновым видео на мобилку, готовые блоки проигрывают видео только на компе. Так же сразу добавлю вопрос можно ли добавить к этому звук. Задача чтобы юзер при входе сразу попал в атмосферу видео и звуков. Пример зашёл юзер на мобильный тильдошный сайт как зашёл на пляж/лес/диско...

  • @геннадийСкуратовский-м1б

    Вітаю! Підкажіть, я хочу зробити лендинг для мобільної версії у зеро блоці. Я можу не адаптувати сайт під комп'ютер та планшет, а одразу розробляти під мобільний пристрій?

    • @germandolgin
      @germandolgin  9 місяців тому

      Сделать все равно придется

  • @azalanc3948
    @azalanc3948 Рік тому

    котенок четкий )

    • @germandolgin
      @germandolgin  Рік тому

      Она уже выросла в здоровую злую Котзилу))

  • @ЕкатеринаБучик-д5ч
    @ЕкатеринаБучик-д5ч 9 місяців тому

    Есть вопрос!) В мобильной версии меняются цвета!! Текст почти не виден, а Шейп, что делала для сливания вот и фона получается темным квадратом. Как избежать?

    • @germandolgin
      @germandolgin  9 місяців тому

      Я так понял у вас градиент не подтягивается, попробуйте сделать его png фоном

  • @aov4577
    @aov4577 4 місяці тому

    Спасибо

  • @tori.creator
    @tori.creator Рік тому

    Подскажите пожалуйста, как изменить размер в мобильной верстке. То есть на телефоне сайт показывает как на компе

  • @ВалерияГайдидеева

    Привет, отличные советы! Например про неразрывный блок)) А вот про фоновую картинку прям для меня сейчас актуально, у меня на сайте зернистый фон, на десктопе всё отлично, а вот на мобилке - печаль. Получается что величина зернистости разная, видны стыки блоков, это из-за разных размеров блоков мобилки, что можно сделать? Или только на глаз подгонять зернистость?

  • @maryvishnevskaya1093
    @maryvishnevskaya1093 9 місяців тому

    Мне сложно. Мало что поняла. Делаю сайт первый раз на тильде.куча непонятных слов. Сделала сайт без зеро блоков. И в мобильной версии бардак. Че делать с этим , так и не разобралась

  • @thetravelpony
    @thetravelpony 4 місяці тому

  • @bunnypeach2742
    @bunnypeach2742 2 роки тому

    Было очень полезно! Я сделала сайт,но он вообще не адаптирован под мобильную версию и я не знаю как это исправить,у меня не только картинка на zero block вылезает,а вообще все вылезает за рамки т.к соответственно разрешение телефона и компьютера разное. Я супер пупер новичок,поэтому было бы хорошо увидеть видео от А до Я с советами как сразу сделать сайт чтобы он правильно открывался на всех устройсвах, если это вообще возможно...

  • @SEOschnik
    @SEOschnik 3 роки тому +1

    По поводу мобильной версии - а если использовать разные блоки для пк и мобилки? Например, тот же самый пример с самокатом из видео: для ПК оставить этот блок таким, каким он есть (в настройках блока устанавливаем ограничение показа по размеру экрана), а для мобилки обработать фото в размер примерно 450*630 и сделать отдельный блок с ограничением показа по размеру экрана(только для мобильных устройств)?

    • @Сельдянойбыдло-король
      @Сельдянойбыдло-король 2 роки тому

      Я просто другое изображение загрузил в мобильной версии

    • @meg6pat
      @meg6pat 2 роки тому

      Отличная идея, решает много проблем, у меня процентом 80 блоков для мобильного и десктопа дубли, только с разными настройками.

  • @i_wanna_be_alive-RepoDUM
    @i_wanna_be_alive-RepoDUM 2 роки тому

    Герман, все видео твои смотрю, все в пользой. Очень нужен твой совет по мобильной версии. Сайт сделан на шаблоне Zero block. В редакторе Тильды различное разрешение на сайте всё норм настроено, в эмуляторе тоже все ровно, а конкретно на телефоне Redmi всё едет. Как такое исправляется? Когда везде норм, а на отдельном телефоне -косяк? Спасибо! Буду ожидать твоего совета, заказчик нервничает, а я не знаю как исправить...

    • @ЮрийСмуглиенко
      @ЮрийСмуглиенко 2 роки тому

      столкнулся с тем же и вот что выяснил...на Redmi по умолчанию стоит Mi браузер . И он косячит при воспроизведении сайтов в Тильде....как только перехожу в Хром гугловский всё воспроизводится корректно

  • @-_Ruffi_-
    @-_Ruffi_- 2 роки тому

    Для неразрывных пробелов в Тильде есть топограф.

    • @germandolgin
      @germandolgin  2 роки тому

      С ним у некоторых шрифтов проблемы, это стабильнее

  • @da1hz
    @da1hz 3 роки тому

    Здравствуйте, Герман. С зеро блоком понятно, но как мне сделать блок ST305N видимым в мобильной версии сайта такой же, как мы видим на десктопе? Что бы карточки товаров показывались не по одной на телефоне (что бы увидеть следующую, нам нужно пролистать вниз), а что бы человек видел их все сразу

    • @germandolgin
      @germandolgin  3 роки тому +2

      1. Отдельно отключить адаптивную верстку у блока без кода не получается. Можно отключить у всей страницы
      2. очень вам не рекомендую чтобы оно выглядело на мобилке так же как и на десктопе
      3. Максимум что могу вам порекомендовать это сделать все товары в две колонки специальной галочкой в настройках

    • @da1hz
      @da1hz 3 роки тому

      @@germandolgin да, сделал по 2 карточки, спасибо

  • @nurdauletzhakan1340
    @nurdauletzhakan1340 3 роки тому

    Nice!

  • @Андрей-д1у7е
    @Андрей-д1у7е 2 роки тому

    Нужно ли дорабатывать кодом для адаптации под мобильную версию? ( т.к может в мобильной версии все съезжать)

    • @germandolgin
      @germandolgin  2 роки тому

      за мою практику было раза 2 а вообще все норм

  • @1234ssssd
    @1234ssssd 2 роки тому

    Матчасть ) расскажите как пиксель в пиксель выровнять а то 20 px отступа с лева и 90% ширина это круто но если присмотреться там не в пиксель в пиксель тильда просто не умеет этого делать...

  • @e.golovachev
    @e.golovachev Рік тому

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

  • @ВладЛитвинов-е4с
    @ВладЛитвинов-е4с 3 роки тому +2

    Спасибо, как обычно очень полезный контент! Лично я бы хотел видеть примеры с css, я в нём не силен, но скопировать твой код сложности не вижу, я бы не отказывался на твоём месте от примеров с css из за личностей которые не хотят использовать код. Что плохого в нескольких вариантах решения проблемы?

    • @farendahen996
      @farendahen996 3 роки тому

      Если ты хочешь больше кодов, модификация и т.д. , тебе не к Герману, тебе к Нолим!Герман, прикрепи свою ссылочку с бонусом

  • @ТатьянаЦай-э2к
    @ТатьянаЦай-э2к 3 роки тому +2

    Наконец-то кошка пригодилась, пусть позирует иногда😄☝

  • @feonitoch
    @feonitoch 6 місяців тому

    Делаю мобилу в автоскейле и не парюсь

  • @fg5128
    @fg5128 Рік тому

    Чта ты говоришь???
    nbsp это что такое?
    Что за css?
    Конструктор сам должен это делать.
    Очень сложно, одни костыли

  • @jull_matt
    @jull_matt 3 роки тому

    кися)))

  • @Icehammer47
    @Icehammer47 3 роки тому

    Давай css ))

  • @GrixDigital
    @GrixDigital 3 роки тому

    У меня не сработал #nbsp;

    • @andreyveda
      @andreyveda 3 роки тому +1

      Установи раскладку Бирмана на компьютер и сможешь вводить любые символы без копипаста за секунду. 👍

  • @nikitahypercrush
    @nikitahypercrush 2 роки тому

    Ребят, кто знает как сделать плавный скрол в мобилке? Анимация по скорлу пиздц топорная.

    • @germandolgin
      @germandolgin  2 роки тому +1

      Модификатором "плавный скролл"
      Он работает и на десктопе и на мобилке

    • @nikitahypercrush
      @nikitahypercrush 2 роки тому

      @@germandolgin От тильдошной?

    • @germandolgin
      @germandolgin  2 роки тому +1

      @@nikitahypercrush нет стандартный блок в разделе "другое"

  • @bocmanbarada
    @bocmanbarada 3 роки тому

    Есть ощущение, что Герман подвыгорел чтоль. Последнее время контент высосан из пальца как по мне. Наверное я слишком много знаю про Тильду, чтобы удивляться)))

    • @germandolgin
      @germandolgin  3 роки тому +2

      У меня просто про это много народа спрашивало, вот я и записал наконец

  • @СыройМаркетингКазахстан

    Голос противный

  • @ВикторАндреев-т1ц

    Очень полезно, спасибо!