Конкурс close

Уникальные модификации для Тильда сайтов, которые расширяют функционал вашего сайта и выделяют вас среди конкурентов!

Tilda PublishingПодписка

Двойные блоки в Tilda. Как сделать и зачем они нужны

Пример модификации

Введение

Двойные блоки в Tilda — это как двойное дозирование вдохновения для ваших веб-проектов на платформе Tilda Publishing. Если вы уже знакомы с этой платформой, то знаете, что Tilda — это мощный инструмент для создания сайтов без необходимости в глубоких знаниях веб-разработки. Однако, когда дело доходит до создания уникального и креативного контента, двойные блоки в Tilda становятся настоящей находкой.

Что такое двойные блоки в Tilda? Это инструмент, позволяющий объединить два блока в один, что дает вам возможность создавать удивительные макеты и улучшать визуальное восприятие вашего сайта. Двойные блоки в Tilda обогащают ваши творческие возможности, позволяя воплощать в жизнь самые смелые идеи.

Теперь, давайте погрузимся в мир двойных блоков Tilda и рассмотрим, как они могут стать настоящими магическими инструментами в вашем арсенале.

Двойные блоки в Tilda: Множество возможностей

Двойные блоки в Tilda
Двойные блоки в Tilda

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

Двойные блоки в Tilda — это не только возможность улучшить визуальное оформление вашего сайта, но и способ подчеркнуть важные моменты и информацию. Вы можете выделить ключевые аспекты вашего контента, используя двойные блоки, и придать им особый акцент. Это как подчеркнуть текст маркером, только в веб-дизайне.

Как создать двойные блоки в Tilda. Пошаговая инструкция

Двойные блоки в Tilda
Двойные блоки в Tilda

Давайте перейдем от слов к делу и узнаем, как же сделать двойные блоки на вашем тильда сайте. Будем использовать zero block в связке с любыми другими блоками. Итак:

  1. Создайте zero block там, где у вас должны быть двойные блоки
  2. Зайдите в редактор нулевого блока и удалите все элементы из него
  3. Удалите фоновый цвет этого блока и сохраните изменения
  4. Откройте настройки пустого зеро блока и в пункте «BLOCK CSS CLASS NAME» присвойте ему класс «uc-doubleblock»
  5. После зеро блока создайте два любых блока, которые мы поместим в пустой зеро блок
  6. Зайдите в настройки этих двух блоков
  7. В пункте «BLOCK CSS CLASS NAME» введите класс «uc-childblock»
  8. После всех блоков на странице создайте HTML блок «Т123»
  9. Нажмите на кнопку «Контент»
  10. В открывшемся поле вставьте следующий код:

Код доступен только тем, кто зарегистрировался и оплатил подписку
Подписка стоит 400 руб./мес. или 1500 руб. в год
Покупая подписку, ты получаешь:

– доступ ко всем уникальным модификациям
– отключение всей рекламы на сайте
– неограниченный размер загружаемых файлов в LF Cloud

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

Теперь, на вашем тильда сайте, вместо пустого zero block, вы увидите два блока с контентом, расположившихся друг рядом с другом. Это и есть двойные блоки. Если вы хотите создать тройной блок, то есть три блока в одном в ряд, то посмотрите нашу видео инструкцию.

Сила в двойных блоках: Вывод

Двойные блоки в тильде — это удивительный инструмент, который приносит двойную порцию креатива и вдохновения в мир веб-дизайна. Они позволяют вам создавать уникальные макеты, выделять важную информацию и экономить время. Не упустите возможность воспользоваться этим мощным инструментом и сделать ваш сайт неповторимым и привлекательным для посетителей. Двойные блоки в Tilda — это ключевая фраза для вдохновения и творчества в веб-дизайне.

Смотрите обучающие видео уроки по Тильде тут

Читайте также: Пагинация в Tilda