1. Добавляешь в Зеро-блок элемент. И указываешь ему тот же class, что и в генераторе (например, cursorCls).
Что бы указать class у элемента, нажимаешь на него правой кнопкой мыши и выбираешь из списка последнюю строку "Add CSS Class Name", далее, справа в настройках указываешь class.
2. Вставляешь галерею GL12 и загружаешь в неё свою иконку курсора. Формат иконки советуем использовать svg или png. Изначальный размер иконки выбираем в макете. Копируем её ссылку;
3. Настраиваешь следующие поля в генераторе::
- «Впишите класс» — Указываешь элемента, на котором будет меняться курсор
- «Координата X»
- «Координата Y»
Указываешь координаты, если в курсоре присутствует "палец" или любой другой элемент, который является "указателем". От верхней точки "Указателя" до краев (верхнего и левого) области мышки измеряешь расстояние в пикселях и прописываешь в координаты. Y - вертикальный отступ (до верхнего края), X - горизонтальный отступ (до левого края)
- «Вставьте иконку на курсор при наведении» — Ссылка на иконку курсора, который мы добавили в галерею;
4. Копируешь сгенерированный HTML код и вставляешь его в блок Т123;
Имей в виду:
- Максимальное количество иконок: 15;
- Стороны изображения для курсора не должны превышать 128px.