»
»
Как в тильде сделать изменение цвета ссылки при наведении

Как в тильде сделать изменение цвета ссылки при наведении стандартными средствами

Самый простой и, главное, самый стабильный способ сделать изменение цвета по hover без танцев с бубном: использовать системные возможности самой тильды.

Шаг 1 - добавляем блок управления изменением цвета ссылок при наведении Tilda

Добавить на нужную страницу блок T193 - Модификатор: стиль ссылок

Шаг 2 - настройка блока

  1. Цвет текста - стандартный цвет для ссылки на странице, если не заполнять - настройки подтягиваются из настроек сайта
  2. Цвет текста по наведению - цвет для ссылки при наведении курсора мыши на странице, если не заполнять - ничего не произойдёт.
  3. Насыщенность цвета - насыщенность текста ссылки в статике, т.е. в обычном состоянии.
  4. Цвет линии - стандартный цвет линии подчеркивания ссылки, по умолчанию цвет подчеркивания ярко красный #ff3503, убрать цвет полностью нельзя, если задать его к примеру белым цветом, то в местах где будет использована цветная подложка белая линия будет видна. Убрать подчеркивание можно только убрав толщину линии, см. пункт 6.
  5. Цвет линии по наведению - по умолчанию не активный, если не указывать новый цвет, то ничего не происходит.
  6. Толщина линии - по умолчанию 2 px, чтобы убрать подчеркивание с ссылок необходимо поставить 0
  7. Применить только к блоку с ID - указывается в формате #rec12345 в случае если изменение цвета ссылок в тильде нужно для какого-то определённого блока, либо настраивается уникальное поведение ссылок при наведении, которое будет использовано в каком-то конкретном блоке
  8. Применить к нулевому блоку - галка нажимается в случае, если настройки изменения поведения ссылок необходимо использовать внутри ZERO блоков тильды
Настройки изменение цвета ссылки при наведении для сайта asokolenko.ru:

Шаг 3 - важные дополнителнения!

  1. Для всего сайта. Если вы планируете использовать настройки изменения цвета ссылок при наведении на всём сайте - добавьте блок T193 в файл Header или Footer
  2. Особенность работы. Работает только с текстовыми ссылками, если ссылка присвоена, к примеру, родительскому элементу типа DIV, то настройки блока применяться не будут. Это очень удобно, если запланировано использование ссылок, подсвечивать которые не нужно.
  3. Отдельный стиль для блока. Если есть блок T193, используемый для всего сайта, но при этом нужно задать отдельный вид поведения ссылки при наведении, необходимо добавить еще один такой блок с указанием номера конкретного блока, для которого будет использоваться иное стилистическое поведение.

Еще статьи