URL скопирован в буфер обмена!
Как изменить внешний вид точек в галерее Zero Block?
При помощи данной модификации можно стилизовать внешний вид точек (bullet) в галереях на Zero Block. Можно изменить форму, расположение и анимацию при переключении.
Модификация работает с включенным Autoscale в блоках
Модификация работает только с Zero Block
Номер модификации в библиотеке TiCode
Класс для галереи
Расположение точек
Отступ от края
Высота точек
Ширина точек
Ширина активной точки
Радиус скругления точек
Радиус скругления активной точки
<!--TICODE--><!-- Библиотека модификаций для Тильда https://ticode.dev -->
<!--TCD044--><style> .ti-bullet .t-slds__bullet_body { height: 12px !important; width: 8px !important; border-radius: 5px !important; -webkit-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; -o-transition: all ease-in-out .5s; transition: all ease-in-out .5s; } .ti-bullet .t-slds__bullet_active .t-slds__bullet_body { width: 24px !important; height: 14px !important; border-radius: 5px !important; } .ti-bullet .t-slds__bullet_wrapper { text-align: center; margin: 0px; } </style>
1. Создаем в Zero Block галерею и назначаем ей класс ti-bullet
Чтобы добавить класс, нажимаем на элемент правой кнопкой мыши и выбираем из списка "Add CSS Class Name" и далее, справа в настройках указываем класс
2. Включаем в настройках галереи отображение точек;
3. Указываем в генераторе кода настройки для точек:
Расположение точек - можно задать расположение точек слева/по центру/справа;
Отступ от края - дополнительно можно указать отступ от края. Это может быть плюсовое значение (например 10 пикселей, для отступа слева) или же минусовое (например -10 пикселей, для отступа справа);
Высота точек - указываем высоту точек;
Ширина точек и Ширина активной точки - указываем ширину точек и ширину активной точки в пикселях;
Радиус скругления точек и Радиус скругления активной точки - указываем радиус скругления углов.
4. Копируем готовый код и вставляем в HTML блок Т123.
Примечание! Цвет точек задаем в настройках элемента
Чтобы добавить класс, нажимаем на элемент правой кнопкой мыши и выбираем из списка "Add CSS Class Name" и далее, справа в настройках указываем класс
2. Включаем в настройках галереи отображение точек;
3. Указываем в генераторе кода настройки для точек:
Расположение точек - можно задать расположение точек слева/по центру/справа;
Отступ от края - дополнительно можно указать отступ от края. Это может быть плюсовое значение (например 10 пикселей, для отступа слева) или же минусовое (например -10 пикселей, для отступа справа);
Высота точек - указываем высоту точек;
Ширина точек и Ширина активной точки - указываем ширину точек и ширину активной точки в пикселях;
Радиус скругления точек и Радиус скругления активной точки - указываем радиус скругления углов.
4. Копируем готовый код и вставляем в HTML блок Т123.
Примечание! Цвет точек задаем в настройках элемента
