Выравнивание текста кнопок - Программный код для Tilda
Предзаказ

Выравнивание текста кнопок - Программный код для Tilda

(0)
Описание
Отзывы
Описание

ВИДЕО-ОБЗОР НА YOUTUBE:


Добавьте программный код из этого файла на свой сайт на Tilda в соответствии с инструкцией.

Берите смело! Все коды на моём сайте актуальны и все качественные. По всем платным кодам я осуществляю бесплатную техподдержку если возникают трудности в их применении.

Задать вопрос перед покупкой:

Чат WhatsApp со мной Чат Telegram со мной

Живу по московскому времени, ночью не пишите плиз)))

Покупаете 1 раз, а использовать можете всю жизнь!

УРОВЕНЬ БОГА

Научитесь писать коды для Тильды за 2 часа и зарабатывайте в десятки раз больше.

Для освоения этой темы достаточно обладать: элементарными начальными знаниями в Тильде, абсолютно обычным мышлением и готовностью офигеть от своих скрытых возможностей 🤪

Легальная покупка

По закону я обязан отправить Вам чек, поэтому при оплате Вам потребуется указать e-mail, куда платёжная система отправит чек автоматически. Никаких рассылок не будет. Спамом не занимаюсь.

ПРИМЕР ЧЕКА:

Безопасность при оплате

После оформления заказа мой сайт переадресовывает Вас на страницу банка, и платёжная информация вносится Вами на стороне банка. При этом банк не предоставляет мне доступа к данным Вашей банковской карты и т.д. В базу данных моего сайта попадает только Ваш e-mail, чтобы автоматически отправить туда ссылки для скачивания купленных файлов после подтверждения успешной оплаты от банка.

Это я:

О моём Youtube-канале:


ЗАРАБАТЫВАЙТЕ СО МНОЙ!

На моём сайте есть партнёрская программа, благодаря которой Вы можете иметь пассивный заработок.

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

Далее можете не читать (написано для SEO-продвижения сайта)

Выравнивание текста кнопок в ZERO-блоке на Тильде!

Зачем это надо: дело в том, что нередко при создании сайта в ZERO-блоке на Тильде возникает ситуация когда необходимо использовать не просто текст, а кнопки. Например, для перехода по ссылкам при клике надо как-то показать пользователю отзывчивость интерфейса. То есть при наведении как-то подсветить текст, что он кликабельный.

В одном из своих видеороликов я показывал как создавать двухуровневое меню. И там во втором уровне как раз лучше использовать кнопки, т.к. прикольно когда они подсвечиваются при наведении.

Это конечно можно сделать и с текстовоми полями при помощи анимации, но это не очень удобно, да и не все умеют делать.

Поэтому использование кнопок в этом случае вполне оправдано, ведь стилизовать кнопку при наведении значительно проще. У неё можно изменить цвет текста, фона и бордюра.

В данном примере я нарочно закрасил фон кнопок чтобы вы видели их границы, типа у нас всё по-честному.

Итак, определились – кнопки – это круто.

Но у кнопок в ZERO-блоке в Тильде есть одна маленькая проблема – название кнопки равняется только по центру. И если мы хотим подравнять кнопки так, чтобы тексты разной длины выстроились ровно по левому или правому краю, да ещё при этом чтобы и кнопки были одинаковой длины, то стандартными средствами Тильды этого достичь не получится. Как ни двигай – либо кнопки ровно либо тексты.

Поэтому вот что я предлагаю:

Качаем с моего сайта по ссылочке в описании к ролику файлик, открываем его и копируем всё содержимое.

Добавляем блок Т123 – HTML-код, жмякаем Контент и вставляем то, что взяли из файлика. Сохранить и закрыть.

Осталось зайти в редактирование ZERO-блока и по правой кнопке мыши назначить этот класс кнопкам. Кликаем правой кнопкой мыши на кнопку, выбираем Add CSS Class Name – Добавить имя CSS-класса, справа появляется поле, которого раньше не было. В него и печатаем имя класса. В данном случае у меня это Textalign.

То же самое делаем с другими кнопками, где надо выровнять тексты.

Сохраняем, закрываем, публикуем – и вот у нас тексты в кнопках выровнялись по краю.

И сразу я вам тут ещё предусмотрел отступ. Если отступ не надо, то просто удаляем эту строчку. Сохраняем, публикуем и видим ровные кнопки без отступа.

Отзывы
Отзывов еще никто не оставлял
Обратный звонок
Запрос успешно отправлен!
Имя *
Телефон *
Предзаказ
Предзаказ успешно отправлен!
Имя *
Телефон *
Добавить в корзину
Название товара
100 ₽
1 шт.
Перейти в корзину
Заявка

Я ознакомлен и согласен с условиями оферты и политики конфиденциальности.