Кастомизация аккордеона TX16N на Tilda
С помощью данной модификации вы сможете изменить внешний вид вашего блока-аккордеона TX16N
Пример использования данной модификации ↓
Нет. Все модификации на моём сайте являются бесплатными.
Однако, вы всегда можете отблагодарить автора через форму внизу страницы
Однако, вы всегда можете отблагодарить автора через форму внизу страницы
Да, понимание кода вовсе не обязательно. Для каждой модификации предусмотрен удобный генератор, а также понятная пошаговая инструкция, благодаря которой вы легко всё настроите без каких-либо знаний в коде
Для того, чтобы добавить модификацию в ваш проект, выполните следующее:
- скопируйте код из генератора кода на странице модификации;
- вставьте скопированный код в блок t123 на вашем сайте;
- переопубликуйте страницу
Новые модификации появляются регулярно. Я постоянно работаю над созданием новых решений, чтобы расширить возможности Тильды. Следите за обновлениями в моём telegram-канале
Да, все установленные модификации продолжат работать даже после передачи сайта на другой аккаунт Тильды
Если вы уверены, что правильно установили модификацию, но она не работает (или работает некорректно), напишите об этом в мой telegram-чат, и я постараюсь помочь вам
Инструкция по установке модификации
1. Создаёте блок TX16N и убираете отступ слева (настройки блока — отступ слева — без отступа) и убираете у него фон (цвет фона для всего блока должен быть пустым!).
2. В настройках блока во вкладке «стили карточки» выставляете параметры такие, как показано на данном скриншоте.
3. Загружаете вашу иконку (можно загрузить как на тильду, так и на любой сайт в интернете) — ссылку на эту иконку необходимо будет поставить в соответствующее поле в генераторе кода
Настройки блока TX16N:
Настройки иконки:
Настройка обводки и фона:
Настройка отступов:
<style>
/*Кастомизация аккордеона TX16N на Tilda: https://vladislav-land.ru/tx16n*/ .t585__opened .t585__lines { -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .t585__lines svg { display: none; } .t585__lines::after { content: " "; width: 30px; height: 30px; position: absolute; left: 0; background-image: url(https://static.tildacdn.com/tild6632-6437-4733-a131-626536623537/photo.png); background-size: 100%; } .t585__icon { width: 30px; height: 30px; padding-right: 20px !important; } #rec489927283 .t585__circle { background-color: #323232 !important; } #rec489927283 .t585__header { padding-left:15px !important; padding-right:15px !important; } #rec489927283 .t585__content { padding-left:15px !important; padding-right:15px !important; } #rec489927283 .t585__accordion { border-width: 2px; border-radius: 15px; background-position: center center; border-color: #F9CD46 !important; border-style: solid; } #rec489927283 .t585__accordion { background-color: #323232 !important; } #rec489927283 .t-col_12 { margin-bottom:10px !important; } .t585__header { border-top:none !important; } .t585__border { opacity:0%; } </style> К сожалению, видеоинструкция пока недоступна. Но я уже работаю над ней, поэтому она появится здесь в ближайшее время 😉
А если у вас что-то не работает и нужна помощь, пишите в мой чат, помогу
Видеоинструкция
Нужна уникальная модификация?
Просто заполните форму и я свяжусь с вами
Там я делюсь полезной информацией и бесплатно учу дизайнеров продавать на высокие чеки
Подпишитесь на telegram-канал Vladislav Land, чтобы всегда быть в курсе всех обновлений
