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

Sdílet
Vložit
  • čas přidán 27. 08. 2024

Komentáře • 96

  • @motivationfuel247
    @motivationfuel247 Před 4 měsíci +1

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

    • @germandolgin
      @germandolgin  Před 4 měsíci

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

    • @motivationfuel247
      @motivationfuel247 Před 4 měsíci

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

  • @likabronskaya2820
    @likabronskaya2820 Před rokem +1

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

  • @Studio_375
    @Studio_375 Před 4 měsíci

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

  • @AlexAlexandrovna
    @AlexAlexandrovna Před rokem

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

  • @fit.expert
    @fit.expert Před 3 lety +1

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

  • @annashengelia4130
    @annashengelia4130 Před 3 lety +2

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

  • @OstrovSakhalin2014
    @OstrovSakhalin2014 Před rokem

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

  • @igortsudin4475
    @igortsudin4475 Před 2 lety

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

  • @iliagoldobin8563
    @iliagoldobin8563 Před 7 měsíci

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

  • @LaLu85558
    @LaLu85558 Před 2 lety

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

  • @farendahen996
    @farendahen996 Před 3 lety +3

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

  • @mihaimaluk6833
    @mihaimaluk6833 Před 2 lety

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

  • @sergeyprostobean4521
    @sergeyprostobean4521 Před 3 lety +2

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

  • @user-rt8pi3fi5s
    @user-rt8pi3fi5s Před 2 lety

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

  • @user-mx5mt4hq1r
    @user-mx5mt4hq1r Před rokem

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

  • @intro6183
    @intro6183 Před 6 měsíci

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

  • @svetlanazenkovich2704
    @svetlanazenkovich2704 Před 3 lety

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

  • @galina3611
    @galina3611 Před rokem

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

  • @msnvvvp
    @msnvvvp Před rokem

    Полезно! 😀👍 💪

  • @zbignew9563
    @zbignew9563 Před 6 měsíci

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

  • @Ziffir4eg
    @Ziffir4eg Před 2 lety

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

  • @user-le7hj4lj3c
    @user-le7hj4lj3c Před 7 měsíci

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

  • @dishady
    @dishady Před 2 lety

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

  • @rustam_webdesigner
    @rustam_webdesigner Před 3 lety +1

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

  • @aov4577
    @aov4577 Před měsícem

    Спасибо

  • @bgalliance
    @bgalliance Před rokem

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

  • @azainvestgroup3527
    @azainvestgroup3527 Před 2 lety

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

  • @The_Designers_Dev_House

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

  • @ZAZORNIK.STANDOFF2
    @ZAZORNIK.STANDOFF2 Před 3 měsíci

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

  • @user-jz6sc8lg1q
    @user-jz6sc8lg1q Před 3 lety +2

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

  • @azalanc3948
    @azalanc3948 Před rokem

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

    • @germandolgin
      @germandolgin  Před rokem

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

  • @user-ni4zr9le2z
    @user-ni4zr9le2z Před 18 dny

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

  • @dmitryivanov5276
    @dmitryivanov5276 Před 3 měsíci

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

  • @thetravelpony
    @thetravelpony Před 2 měsíci

  • @user-ni4zr9le2z
    @user-ni4zr9le2z Před 16 dny +1

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

    • @user-he4ov9ds6w
      @user-he4ov9ds6w Před 14 dny

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

    • @user-ni4zr9le2z
      @user-ni4zr9le2z Před 14 dny

      ​@@user-he4ov9ds6w Хорошо, но пока не получилось разобраться ((

  • @Llizzoookk
    @Llizzoookk Před 6 měsíci

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

  • @galauvarova5166
    @galauvarova5166 Před rokem

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

  • @-_Ruffi_-
    @-_Ruffi_- Před rokem

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

    • @germandolgin
      @germandolgin  Před rokem

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

  • @maryvishnevskaya1093
    @maryvishnevskaya1093 Před 7 měsíci

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

  • @user-le7hj4lj3c
    @user-le7hj4lj3c Před 7 měsíci

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

    • @germandolgin
      @germandolgin  Před 7 měsíci

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

  • @user-ty8cj3qv1h
    @user-ty8cj3qv1h Před 3 lety +2

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

    • @farendahen996
      @farendahen996 Před 3 lety

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

  • @user-pd8cu7iz7i
    @user-pd8cu7iz7i Před 7 měsíci

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

    • @germandolgin
      @germandolgin  Před 7 měsíci

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

  • @svadbawed
    @svadbawed Před 2 lety

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

  • @feonitoch
    @feonitoch Před 3 měsíci

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

  • @nurdauletzhakan1340
    @nurdauletzhakan1340 Před 2 lety

    Nice!

  • @SEOschnik
    @SEOschnik Před 3 lety +1

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

    • @user-wk9kb1gs4s
      @user-wk9kb1gs4s Před 2 lety

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

    • @meg6pat
      @meg6pat Před rokem

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

  • @bunnypeach2742
    @bunnypeach2742 Před 2 lety

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

  • @tori.creator
    @tori.creator Před 10 měsíci

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

  • @user-in3pv2nn2k
    @user-in3pv2nn2k Před rokem

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

  • @ramilpismensky
    @ramilpismensky Před rokem

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

  • @1234ssssd
    @1234ssssd Před 2 lety

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

  • @e.golovachev
    @e.golovachev Před rokem

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

  • @i_wanna_be_alive-RepoDUM

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

    • @user-vz4iq4fz4i
      @user-vz4iq4fz4i Před rokem

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

  • @da1hz
    @da1hz Před 3 lety

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

    • @germandolgin
      @germandolgin  Před 3 lety +2

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

    • @da1hz
      @da1hz Před 3 lety

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

  • @user-mx6oz6ff2x
    @user-mx6oz6ff2x Před 2 lety

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

    • @germandolgin
      @germandolgin  Před 2 lety

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

  • @fg5128
    @fg5128 Před 11 měsíci

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

  • @jull_matt
    @jull_matt Před 3 lety

    кися)))

  • @Icehammer47
    @Icehammer47 Před 3 lety

    Давай css ))

  • @nikitahypercrush
    @nikitahypercrush Před 2 lety

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

    • @germandolgin
      @germandolgin  Před 2 lety +1

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

    • @nikitahypercrush
      @nikitahypercrush Před 2 lety

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

    • @germandolgin
      @germandolgin  Před 2 lety +1

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

  • @GrixDigital
    @GrixDigital Před 3 lety

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

    • @andreyveda
      @andreyveda Před 3 lety +1

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

  • @bocmanbarada
    @bocmanbarada Před 3 lety

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

    • @germandolgin
      @germandolgin  Před 3 lety +2

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

  • @user-ut1ik7jg6t
    @user-ut1ik7jg6t Před rokem

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