Loading...

Как сделать вместо точек галереи ZeroBlock в виде линии заполнения в TILDA?

С помощью нашей модификации ты можешь вместо стандартных точек сделать линию заполнения и настроить её размер
Время настройки: 3 минуты
Генератор кода
Видео инструкция
Пример
Инструкция
1. Указываем класс к слайдеру такой же как и в генераторе;

Что бы указать класс у элемента, нажимаешь на него правой кнопкой мыши и выбираешь из списка последнюю строку "Add CSS Class Name", далее, справа в настройках указываешь тот же класс что и в генераторе;

2. Указываем цвет линии неактивной, та которая тонкая в 1px;

3. Цвет активной и идущей перед ней линий, указывается в настройках Зеро Блока, цвет точек Dots (Это техническое ограничение здесь это не можем указывать);

4. Указываем толщину линии и отступ от слайдера;

5. Копируем сгенерированный HTML код и вставляем его в блок Т123;
Класс элемента
Цвет неактивной полоски
Высота линии (px)
Отступ от слайдера (px)
Копировать код<!-- Как сделать вместо точек галереи ZeroBlock в виде линии заполнения в TILDA? -->
<!-- https://nolim.cc/liniya-v-slaydere -->
<style>.customslider .t-slds__bullet_wrapper{bottom: -28px!important;}.customslider .t-slds__bullet{margin:10px 0!important}.customslider .t-slds__bullet_wrapper{display:flex!important;box-sizing:border-box}.customslider .tn-atom .t-slds__bullet{width:100%}.customslider .tn-atom .t-slds__bullet_body{height:6px!important;width:inherit!important;border-radius:0}.customslider .tn-atom .t-slds__bullet_active~div>div{opacity:0}.customslider .tn-atom .t-slds__bullet{position:relative}.customslider .tn-atom .t-slds__bullet:after{content:"";background-color:#e2e2e2;position:absolute;width:100%;height:1px;left:0;top:50%;margin-top:0;z-index:-1}</style>
Код доступен только тем, кто оплатил подписку
Подписка стоит 390р./мес.
Покупая подписку, ты получаешь доступ ко всем уникальным модификациям
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Подписка закончилась((
Нужно продлить, что бы получить доступ.
Так так так...
а этот генератор кода доступен только по подписке
Код доступен только тем, кто зарегистрирован
Зарегистрировавшись, ты получаешь доступ ко всем бесплатным модификациям
Made on
Tilda