Top.Mail.Ru
Loading...
No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
Академия
Расширение
Техподдержка
Модификации
Обучение
Профиль
Подписка
Партнерка
Новости
Шаблоны
Идеи
Услуги
NLM174 • ВРЕМЯ НАСТРОЙКИ: 1 МИНУТА

Как добавить эффект при наведении для ССЫлок на Тильде?

Модификация добавляет анимированные эффекты при наведении на текстовые элементы и ссылки. Вы можете выбрать один из пяти эффектов и настроить внешний вид линии: цвет и толщину.
Для корректной работы модификации включите поддержку jQuery. Подробнее. Как это сделать: Настройка сайта > Еще > Подключить jQuery на страницах сайта.
Перелистывание
Волна
Подчеркивание
Заполнение
Слайд
Наведи на «ссылку»
Пример данной модификации можно посмотреть на десктоп версии
Инструкция
  1. Создаешь в Zero Block текстовый элемент. Добавляешь этому элементу класс, вписываешь этот класс в генератор модификации в поле «Класс элемента». Чтобы указать class у элемента, нажимаешь на него правой кнопкой мыши и выбираешь из списка последнюю строку "Add CSS Class Name", далее, справа в настройках указываешь class;
Настройки генератора модификации:
  • «Класс элемента» — укажите класс элемента, к которому применится эффект;
  • «Выбор эффекта» — выберите нужный эффект из выпадающего списка;
  • «Цвет линии и толщина линии» – доступны только для эффектов «Перелистывание», «Волна» и «Подчеркивание»;
  • «Цвет текста при наведении» – доступны только для эффектов «Заполнение» и «Слайдом»;
2. Копируешь сгенерированный HTML код и вставляешь его в блок Т123.

Имей в виду:
Для корректного отображения выравнивание элемента с ссылкой должно быть по левому краю.
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1