Кастомизация блока ME602 на Tilda

С помощью данной модификации вы сможете сделать вкладки в блоке ME602 в виде кнопок (табов)

Пример использования данной модификации ↓

Первый блок
Второй блок
Третий блок

Инструкция по установке модификации

Для того, чтобы модификация работала, вам необходимо выставить определённые значения в настройках блока ME602. Установите все значения в таком же виде, как на моём скриншоте, если этого не сделать, модификация работать не будет!
Нажмите сюда, чтобы увидеть скриншот с необходимыми настройками

ВАЖНО!
Цвет фона активной и неактивной вкладки (таба), а также цвет текста (активного и неактивного таба, при наведении) задаются в настройках блока.

Также настоятельно рекомендую, чтобы цвет обводки активного таба и цвет обводки таба при наведении совпадали!

Настройка обводки табов ME602:

Размер обводки неактивного таба (в px):
Цвет обводки неактивного таба:
Радиус скругления обводки всех табов (в px):
Размер обводки активного таба (в px):
Цвет обводки активного таба:

Настройка отступов табов ME602:

Отступ таба справа на ПК (в px):
Отступ таба снизу на ПК (в px):
Отступ таба справа на моб. (в px):
Отступ таба снизу на моб. (в px):

Настройка табов ME602 при наведении:

Цвет фона таба при наведении:
Размер обводки таба при наведении:
Цвет обводки таба при наведении:
<style> /*Кастомизация блока me602 на Тильде: https://vladislav-land.ru/me602*/ .t395__wrapper { display: flex; flex-wrap: wrap; justify-content: flex-start; } .t395__title { line-height: 1.5; } .t395__tab { box-shadow: inset 0 0 0 1px #F9CD46; border-radius: 15px; margin-right: 15px; margin-bottom: 15px; display: inline-block; width: fit-content; } .t395__tab_active { box-shadow: 0 0 0 1px #F9CD46; } @media screen and (min-width: 960px) { .t395__title:hover { background-color: #F9CD46!important; border-radius: 15px !important; box-shadow: inset 0 0 0 1px #F9CD46; } } @media screen and (max-width: 960px) { .t395__wrapper_mobile { display: none; } .t395__wrapper { justify-content: flex-start; } .t395__title { line-height: 1.5; } .t395__tab { margin-right: 10px; margin-bottom: 10px; } } </style>

К сожалению, видеоинструкция пока недоступна. Но я уже работаю над ней, поэтому она появится здесь в ближайшее время 😉
А если у вас что-то не работает и нужна помощь, пишите в мой чат, помогу

Видеоинструкция

можете поблагодарить автора

если у вас есть желание, вы можете пожертвовать любую сумму на развитие проекта

Нужна уникальная модификация?

Просто заполните форму и я свяжусь с вами

Там я делюсь полезной информацией и бесплатно учу дизайнеров продавать на высокие чеки

Подпишитесь на telegram-канал Vladislav Land, чтобы всегда быть в курсе всех обновлений

Бесплатно учу дизайнеров продавать на высокие чеки →
Made on
Tilda