Может кому понравится Установка TamperMonkey на браузеры с движком Chromium, а так же Firefox, Opera Chrome: https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo Firefox: https://addons.mozilla.org/ru/firefox/addon/tampermonkey/ https://addons.opera.com/en/extensions/details/tampermonkey-beta/ Opera: https://addons.opera.com/en/extensions/details/tampermonkey-beta/ Сам скрипт Переходим по ссылке: https://greasyfork.org/ru/scripts/504688-бегущий-статус-пользователя и нажимаем "Установить этот скрипт" (Версия: Cправа←Налево) Версия для направления (Слева→Направо): https://greasyfork.org/ru/scripts/504692-бегущий-статус-пользователя-left FAQ Как ускорить анимацию статуса? Для этого находим строчку в коде скрипта и вместо 15s пишем своё значение = animation: marquee 7.5s linear infinite; - Увеличивает скорость анимации в 2 раза! animation: marquee 15s linear infinite; JS animation: marquee 15s linear infinite; Как поменять направление движущего статуса? Для этого находим строчки в коде скрипта и добавляем знак " - " там где его нет и убираем там где он есть: 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } JS 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } Пример 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } JS 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } Thread restrictions: The topic author allowed to post messages in the topic only to the following groups (and higher ranked): Staff Members and Curators
А как можно поменять сторону, куда бежит статус? Ибо справа налево в христианстве означает грехопадение
// ==UserScript== // @name Бегущий статус пользователя // @namespace http://tampermonkey.net/ // @version 0.1 // @description Добавляет анимацию бегущей строки к статусу пользователя // @author Alderson // @match https://zelenka.guru/* // @match https://lolz.live/* // @match https://lolz.guru/* // @match https://lzt.market/* // @icon https://www.google.com/s2/favicons?sz=64&domain=zelenka.guru // @grant GM_setValue // @grant GM_getValue // @grant GM.setValue // @grant GM_getValue // @grant GM_deleteValue // @grant GM.deleteValue // @namespace http://tampermonkey.net/ // @downloadURL https://update.greasyfork.org/scripts/461880/Lolzteam%20Multiaccount%20Finder.user.js // @updateURL https://update.greasyfork.org/scripts/461880/Lolzteam%20Multiaccount%20Finder.meta.js // ==/UserScript== (function() { 'use strict'; // Добавление стилей для анимации бегущей строки const style = document.createElement('style'); style.type = 'text/css'; style.innerHTML = ` @keyframes marquee { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .marquee { display: inline-block; white-space: nowrap; overflow: hidden; box-sizing: border-box; } .marquee span { display: inline-block; padding-right: 100%; animation: marquee 15s linear infinite; } `; document.head.appendChild(style); // Находим элемент статуса и применяем к нему анимацию const userBlurb = document.querySelector('.userBlurb'); if (userBlurb) { const text = userBlurb.innerHTML; userBlurb.innerHTML = `<div class="marquee"><span>${text}</span></div>`; } })(); JS // ==UserScript== // @name Бегущий статус пользователя // @namespace http://tampermonkey.net/ // @version 0.1 // @description Добавляет анимацию бегущей строки к статусу пользователя // @author Alderson // @match https://zelenka.guru/* // @match https://lolz.live/* // @match https://lolz.guru/* // @match https://lzt.market/* // @icon https://www.google.com/s2/favicons?sz=64&domain=zelenka.guru // @grant GM_setValue // @grant GM_getValue // @grant GM.setValue // @grant GM_getValue // @grant GM_deleteValue // @grant GM.deleteValue // @namespace http://tampermonkey.net/ // @downloadURL https://update.greasyfork.org/scripts/461880/Lolzteam%20Multiaccount%20Finder.user.js // @updateURL https://update.greasyfork.org/scripts/461880/Lolzteam%20Multiaccount%20Finder.meta.js // ==/UserScript== (function() { 'use strict'; // Добавление стилей для анимации бегущей строки const style = document.createElement('style'); style.type = 'text/css'; style.innerHTML = ` @keyframes marquee { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .marquee { display: inline-block; white-space: nowrap; overflow: hidden; box-sizing: border-box; } .marquee span { display: inline-block; padding-right: 100%; animation: marquee 15s linear infinite; } `; document.head.appendChild(style); // Находим элемент статуса и применяем к нему анимацию const userBlurb = document.querySelector('.userBlurb'); if (userBlurb) { const text = userBlurb.innerHTML; userBlurb.innerHTML = `<div class="marquee"><span>${text}</span></div>`; } })();