[{{mminutes}}:{{sseconds}}] X
Пользователь приглашает вас присоединиться к открытой игре игре с друзьями .

Форум «Программное обеспечение» / Отображение оставшихся заездов в задаче дня

GreyCollector Сообщение #1 1 августа 2020 в 16:18
Профи
19
Заметил, что даже при использовании визуальной полосы прогресса из KlavoTools я постоянно навожу курсор на картинку с "Задачей дня" чтобы узнать, сколько конкретно мне осталось пройти. Иногда каждый второй заезд, т.к. увлекался и забывал, сколько там было. Взял, да сделал свой скрипт, выводящий оставшееся количество заездов в углу картинки.



Любите конкретные цифры, но не любите их запоминать? Вот код скрипта, который будет вам их показывать постоянно (пока не выполните задачу):
скрытый текст…


Если не по душе стиль "Индикация пропущенных сообщений", представляю новый - "В круге".



Код скрипта со стилем "В круге".
скрытый текст…

Восклицательный знак закрывается градиентом, соответствующим внутренности круга, а сверху по центру выводится число.

Еще пара примеров для облегчения экспериментов. Заменить часть функции createRemainingRaces.

скрытый текст…



скрытый текст…


Скрипт может быть и заменой и дополнением полосы прогресса из KlavoTools. Друг другу они не мешают.

Установка:
1. Установите расширение Tampermonkey (chrome, firefox).
2. Откройте панель управления расширением (кликнуть левой кнопкой по иконке расширения для вызова меню).
3. В панели управления нажмите на вкладку с плюсом - это создание нового скрипта.
4. Замените текст по-умолчанию на код скрипта.
5. Сохраните скрипт (Ctrl+S).
После обновления страницы с Клавогонками скрипт начнет работать.
Последний раз отредактировано 2 августа 2020 в 20:50 пользователем GreyCollector
pashkhan Сообщение #2 1 августа 2020 в 16:32
Супермен
78
О, класс! Полезная фишечка
Анна_Банановна Сообщение #3 1 августа 2020 в 17:55
Маньяк
53
О, как интересно!
А оформление циферки можно варьировать? (Подскажите, где :)). Просто красная цифра будет вводить в заблуждение (меня, по крайней мере), напоминая цифры о непрочитанных сообщениях.
GreyCollector Сообщение #4 1 августа 2020 в 18:08
Профи
19
Анна_Банановна писал(а):
О, как интересно!
А оформление циферки можно варьировать? (Подскажите, где :)). Просто красная цифра будет вводить в заблуждение (меня, по крайней мере), напоминая цифры о непрочитанных сообщениях.

На это и расчет был :)
А поменять можно в функции createRemainingRaces в строчке:
remainingRaces.style.backgroundColor = "#F10";

Там дальше и цвет текста задается:
remainingRaces.style.color = "white";

и др. настройки внешнего вида.

Анна_Банановна Сообщение #5 1 августа 2020 в 19:05
Маньяк
53
Спасибо! Попробую покопаться. :)

Вот как себе смогла нахимичить, потыкав туда-сюда:
Последний раз отредактировано 1 августа 2020 в 19:32 пользователем Анна_Банановна
Лень Сообщение #6 2 августа 2020 в 01:34
Кибергонщик
76
одно из самых годных дополнений для кг за последнее время
панчер Сообщение #7 2 августа 2020 в 02:20
Новичок
1
Адаптация под тёмную тему

    remainingRaces.id = 'daily-remaining-races';
    remainingRaces.style.position = 'absolute';
    remainingRaces.style.backgroundColor = "#6a1a14";
    remainingRaces.style.color = "#ee3d3d";
    remainingRaces.style.fontFamily = "arial, sans-serif";
    remainingRaces.style.fontSize = "25px";
    remainingRaces.style.fontWeight = "bold";
    remainingRaces.style.marginTop = "-35px";
    remainingRaces.style.display = "flex";
    remainingRaces.style.justifyContent = "center";
    remainingRaces.style.alignItems = "center";
    remainingRaces.style.height = "50px";
    remainingRaces.style.width = "48px";


Анна_Банановна Сообщение #8 2 августа 2020 в 11:40
Маньяк
53
Напишите, пожалуйста, какие команды надо, если хочется какую-то фигуру (круг, например, или квадрат со скругленными краями) в центре окошка для зд (поверх кружочка, который уже там есть). И чтобы надписи внутри тоже были по центру. Методом тыка, без знания команд, не получилось. :(
Последний раз отредактировано 2 августа 2020 в 11:40 пользователем Анна_Банановна
GreyCollector Сообщение #9 2 августа 2020 в 12:53
Профи
19
Обновил заглавный пост. Анна_Банановна навела на мысль, как можно было сделать по-другому.
madinko Сообщение #10 2 августа 2020 в 12:54
Кибергонщик
66
Залейте в клавотулз, спасибо за скрипт!
Анна_Банановна Сообщение #11 2 августа 2020 в 13:21
Маньяк
53
GreyCollector писал(а):
Обновил заглавный пост. Анна_Банановна навела на мысль, как можно было сделать по-другому.

Спасибо! Отлично смотрится! Правда, это не кружок наложен сверху, поэтому поэкспериментировать с цветом не получится. :(
Последний раз отредактировано 2 августа 2020 в 13:35 пользователем Анна_Банановна
un4given Сообщение #12 2 августа 2020 в 13:38
Кибергонщик
115
GreyCollector писал(а):
представляю новый - "В круге".

Так даже прикольнее: похоже на дорожный знак
GreyCollector Сообщение #13 2 августа 2020 в 16:45
Профи
19
un4given писал(а):
GreyCollector писал(а):
представляю новый - "В круге".

Так даже прикольнее: похоже на дорожный знак


Самому понравилось, как получилось . Ещё пришлось следующего дня ждать, т.к. задачу дня уже выполнил и не мог протестировать градиент.

P.S. Обновил скрипты. Теперь они отличаются только функцией createRemainingRaces. Добавил дополнительные примеры для экспериментов.

панчер, можешь обновить версию для тёмной темы, а то у меня ее нет?
Glage Сообщение #14 2 августа 2020 в 19:15
Таксист
7
Нубы в замешательстве. Добавте скрипт в клавотулс пожалуйста.
GreyCollector Сообщение #15 2 августа 2020 в 20:56
Профи
19
Glage писал(а):
Нубы в замешательстве. Добавте скрипт в клавотулс пожалуйста.

Написал как пользоваться скриптом в конце заглавного поста.
Glage Сообщение #16 2 августа 2020 в 21:16
Таксист
7
Спасибо GreyCollector!

Чтобы писать в форуме, нужно зарегистрироваться.


Связаться
Выделить
Выделите фрагменты страницы, относящиеся к вашему сообщению
Скрыть сведения
Скрыть всю личную информацию
Отмена