URL скопирован в буфер обмена!

Как остановить бегущую строку при наведении курсора?

Модификация поможет останавливать движение бегущей строки(блок DV13) при наведении на нее курсора мыши. Дополнительно можно кастомизировать блок(добавить линии или сделать обводку текста)

Модификация работает с включенным Autoscale в блоках
Модификация работает только с Zero Block
Номер модификации в библиотеке TiCode

Генератор кода

id блока
Останаливать при наведении
Толщина линий
Цвет линий
Толщина обводки текста
Цвет обводки текста
Прозрачный цвет текста
Войдите в аккаунт чтобы получить доступ к генератору кода
Этот генератор кода доступен только тем кто оплатил подписку
We create digital spaces
<!--TICODE--><!-- Библиотека модификаций для Тильда https://ticode.dev --> <!--TCD036--><script> $(document).ready(function() { var TiCodeContent= $('#rec577248324 .t1003__content'); var TiCodeAnimationName; var TiCodeAnimationDuration; var TiCodeAnimationDelay; var TiCodeAnimationIterationCount; var TiCodeAnimationDirection; var TiCodeAnimationFillMode; var TiCodeAnimationPlayState; setTimeout(function(){ TiCodeAnimationName = TiCodeContent.css('animation-name'); TiCodeAnimationDuration = TiCodeContent.css('animation-duration'); TiCodeAnimationDelay = TiCodeContent.css('animation-delay'); TiCodeAnimationIterationCount = TiCodeContent.css('animation-iteration-count'); TiCodeAnimationDirection = TiCodeContent.css('animation-direction'); TiCodeAnimationFillMode = TiCodeContent.css('animation-fill-mode'); TiCodeAnimationPlayState = 'running'; }, 300); TiCodeContent.hover(function() { TiCodeContent.css('animation-play-state', 'paused'); }, function() { TiCodeContent.css({ 'animation-name': TiCodeAnimationName, 'animation-duration': TiCodeAnimationDuration, 'animation-delay': TiCodeAnimationDelay, 'animation-iteration-count': TiCodeAnimationIterationCount, 'animation-direction': TiCodeAnimationDirection, 'animation-fill-mode': TiCodeAnimationFillMode, 'animation-play-state': TiCodeAnimationPlayState }); }); }); </script> <style> #rec577248324 .t1003__item-txt { -webkit-text-stroke: 2px #f96855; -webkit-text-fill-color: transparent; } #rec577248324 .t1003__item { border-top: 5px solid #f96855; border-bottom: 5px solid #f96855 } </style> <script> (function updateRecordType() { const scriptElement = document.currentScript; if (scriptElement) { const recordElement = scriptElement.closest('.r[data-record-type]'); if (recordElement) { recordElement.setAttribute('data-record-type', Math.random().toString(36).substring(2, 12)); }}})(); </script>
КОПИРОВАТЬ КОД
Для нормальной работы модификации необходимо включить библиотеку jQuery.
Как включить: Настройки сайта -> Еще -> Подключить jQuery на страницах сайта
1. Создаем блок бегущей строки VD13, копируем id блока и вставляем в генератор.

2. При необходимости делаем дополнительные настройки в генераторе:
Останавливать при наведении - если включить, то при наведении курсора на строку она будет останавливаться.
Толщина и цвет линий - добавляет на строку сверху и снизу линии с указанным цветом и толщиной.
Толщина и цвет обводки текста - добавляем обводку текста с указанной толщиной и цветом.
Прозрачный цвет текста - если включить, то цвет текста будет прозрачный(останется только обводка). Если отключено то цвет текста будет тот который вы указали  настройках блока.

3. Копируем готовый код и вставляем в HTML блок Т123

Примечание! Обводка текста не всегда может работать корректно так как это зависит от шрифта который вы используете.
Если на странице несколько бегущих строк и нужно чтобы изменения применились ко всем сразу, то поле id блока оставляем пустым. Если нужно чтобы к разным строкам применялись разные настройки, то нужно сгенерировать несколько кодом изменяя при этом Id.
Made on
Tilda