Как выравнять текст кнопок в ZERO-блоке на Тильде. Выравнять названия кнопок в Tilda.

Как выравнять текст кнопок в конструкторе сайтов Tilda по правому или левому краю. Вы сможете без проблем выравнять текст кнопок в ZERO-блоке на Тильде. =================== Ссылка на код (можно перепечатать с экрана или скачать за символическую плату 150р.): =================== Индивидуальное обучение Тильде: 🏆 Мой СУПЕР-Курс по программированию в Тильде: Скорая помощь по Тильде (и не только): ================= ЗАРАБАТЫВАЙТЕ НА МОИХ ВИДЕО: ОПИСАНИЕ: ================= Зачем это надо: дело в том, что нередко при создании сайта в ZERO-блоке на Тильде возникает ситуация когда необходимо использовать не просто текст, а кнопки. Например, для перехода по ссылкам при клике надо как-то показать пользователю отзывчивость интерфейса. То есть при наведении как-то подсветить текст, что он кликабельный. В одном из своих видеороликов я показывал как создавать двухуровневое меню. И там во втором уровне как раз лучше использовать кнопки, т.к. прикольно когда они подсвечиваются при наведении. Это конечно можно сделать и с текстовоми полями при помощи анимации, но это не очень удобно, да и не все умеют делать. Поэтому использование кнопок в этом случае вполне оправдано, ведь стилизовать кнопку при наведении значительно проще. У неё можно изменить цвет текста, фона и бордюра. В данном примере я нарочно закрасил фон кнопок чтобы вы видели их границы, типа у нас всё по-честному. Итак, определились – кнопки – это круто. Но у кнопок в ZERO-блоке в Тильде есть одна маленькая проблема – название кнопки равняется только по центру. И если мы хотим подравнять кнопки так, чтобы тексты разной длины выстроились ровно по левому или правому краю, да ещё при этом чтобы и кнопки были одинаковой длины, то стандартными средствами Тильды этого достичь не получится. Как ни двигай – либо кнопки ровно либо тексты. Поэтому вот что я предлагаю: Качаем с моего сайта по ссылочке в описании к ролику файлик, открываем его и копируем всё содержимое. Добавляем блок Т123 – HTML-код, жмякаем Контент и вставляем то, что взяли из файлика. Сохранить и закрыть. Осталось зайти в редактирование ZERO-блока и по правой кнопке мыши назначить этот класс кнопкам. Кликаем правой кнопкой мыши на кнопку, выбираем Add CSS Class Name – Добавить имя CSS-класса, справа появляется поле, которого раньше не было. В него и печатаем имя класса. В данном случае у меня это Textalign. То же самое делаем с другими кнопками, где надо выровнять тексты. Сохраняем, закрываем, публикуем – и вот у нас тексты в кнопках выравнялись по краю. И сразу я вам тут ещё предусмотрел отступ. Если отступ не надо, то просто удаляем эту строчку. Сохраняем, публикуем и видим ровные кнопки без отступа. Ключевые слова: выравнять текст кнопок в тильде выравнять названия кнопок в зеро блоке выравнять текст кнопок в зеро блоке выравнять названия кнопок в тильде выравнять кнопки в тильде выравнять кнопки в зеро блоке выравнять текст кнопок в tilda выравнять текст кнопок в zero блоке выравнять названия кнопок в tilda выравнять названия кнопок в zero блоке выравнять кнопки в tilda выравнять кнопки в zero блоке
Back to Top